Test mutation + actions

test/actions.spec.js

@@ -0,0 +1,35 @@
+import { actions, mutations } from "@/store";
+import axios from "axios";
+import mockFilms from "@/test/fake-films.json";
+
+let url = "";
+
+jest.mock("axios", () => ({
+  $get: _url => {
+    return new Promise(resolve => {
+      url = _url;
+      resolve(mockFilms);
+    });
+  }
+}));
+
+describe("Vuex actions.", () => {
+  it("tests getFilms action.", async () => {
+    const commit = jest.fn();
+
+    actions.$axios = axios;
+    await actions.getFilms({ commit });
+
+    expect(url).toBe("/api/films");
+    expect(commit).toHaveBeenCalledWith("setFilms", mockFilms);
+  });
+
+  it("catches errors.", async () => {
+    const commit = jest.fn();
+
+    actions.$axios = null;
+    await expect(actions.getFilms({ commit })).rejects.toThrow(
+      "API Error occurred."
+    );
+  });
+});

test/mutations.spec.js

@@ -0,0 +1,9 @@
+import { state, mutations } from "@/store";
+import mockFilms from "./fake-films.json";
+
+describe("Vuex mutations.", () => {
+  it("tests setFilms mutation.", () => {
+    mutations.setFilms(state, mockFilms);
+    expect(state.films[0].id).toBe(mockFilms[0].id);
+  });
+});