diff --git a/pages/people/_id.spec.js b/pages/people/_id.spec.js index 931a3f8..4e4623a 100644 --- a/pages/people/_id.spec.js +++ b/pages/people/_id.spec.js @@ -1,6 +1,7 @@ import { mount, createLocalVue } from "@vue/test-utils"; import Vuex from "vuex"; import Person from "./_id"; +import mockPeople from "@/test/fake-people.json"; let $route = { path: "/people", @@ -22,11 +23,25 @@ describe("Person page", () => { actions = { getPerson: jest.fn() }; - store = new Vuex.Store({ state, actions }); + store = new Vuex.Store({ + modules: { + people: { + namespaced: true, + state, + actions + } + } + }); }); it("should render Person page instance", () => { - const wrapper = mount(Person, { localVue, store }); + const wrapper = mount(Person, { + localVue, + store, + computed: { + person: () => mockPeople[0] + } + }); expect(wrapper.exists()).toBe(true); }); @@ -47,7 +62,10 @@ describe("Person page", () => { it("should dispatch getPerson action", async () => { let wrapper = mount(Person, { localVue, - store + store, + computed: { + person: () => mockPeople[0] + } }); await wrapper.vm.$options.asyncData({ store, params: $route.params }); diff --git a/pages/people/_id.vue b/pages/people/_id.vue index 7170320..bbd6af8 100644 --- a/pages/people/_id.vue +++ b/pages/people/_id.vue @@ -5,7 +5,7 @@ diff --git a/store/people/index.js b/store/people/index.js index 7209126..f7e9d8f 100644 --- a/store/people/index.js +++ b/store/people/index.js @@ -25,7 +25,9 @@ export const actions = { }, async getPerson({ commit }, id) { try { - const person = await this.$axios.$get(`/api/people/${id}`); + const person = await this.$axios.$get( + `/api/people/${id}?fields=id,name,gender,age,eye_color,hair_color,films` + ); commit("setPerson", person); } catch (e) { throw Error(`API Error occurred: ${e.message}`);