diff --git a/jest.config.js b/jest.config.js index 33b7d1138..40f72772d 100644 --- a/jest.config.js +++ b/jest.config.js @@ -24,7 +24,7 @@ module.exports = { testMatch: ["**/*.spec.(js|jsx|ts|tsx)|**/__tests__/*.(js|jsx|ts|tsx)"], coverageThreshold: { global: { - statements: 82, + statements: 79, // Got the go ahead from Mark to temporarily lower this. Taking out initialize component made the year,make,model and style coverage drop a bit. Once unit tests for license plate lookup, vin lookup and address lookup are in the coverage should go back up to 90 }, }, diff --git a/src/digital-components/checkbox-question/checkbox-question.spec.js b/src/digital-components/checkbox-question/checkbox-question.spec.js index e231ecc77..3c5d75bf9 100644 --- a/src/digital-components/checkbox-question/checkbox-question.spec.js +++ b/src/digital-components/checkbox-question/checkbox-question.spec.js @@ -1,14 +1,25 @@ import { shallowMount } from "@vue/test-utils"; -import checkbox from "./checkbox"; +import checkboxQuestion from "./checkbox-question"; import { nextTick } from "vue"; -describe("checkbox.vue", () => { +// Mock CMS content +const questionText = "Question Text"; +const mockMixin = { + methods: { + getCmsContent: jest.fn().mockImplementation(() => { + return questionText; + }), + }, +}; + +describe("checkbox-question.vue", () => { it("Should return checkbox name", async () => { // Act - const wrapper = shallowMount(checkbox, { + const wrapper = shallowMount(checkboxQuestion, { propsData: { checkboxName: "Checkbox", }, + mixins: [mockMixin], }); // Assert @@ -20,10 +31,11 @@ describe("checkbox.vue", () => { it("Should return checkbox id", async () => { // Act - const wrapper = shallowMount(checkbox, { + const wrapper = shallowMount(checkboxQuestion, { propsData: { buttonID: "Checkbox ID", }, + mixins: [mockMixin], }); // Assert @@ -35,10 +47,11 @@ describe("checkbox.vue", () => { it("Should return tabindex value", async () => { // Act - const wrapper = shallowMount(checkbox, { + const wrapper = shallowMount(checkboxQuestion, { propsData: { tabIndex: "1", }, + mixins: [mockMixin], }); // Assert @@ -50,24 +63,11 @@ describe("checkbox.vue", () => { it("Should return label text", async () => { // Act - const wrapper = shallowMount(checkbox, { - propsData: { - checkboxLabel: "label text", - }, - }); - - // Assert - const paragraph = wrapper.find("p"); - - expect(paragraph.text()).toEqual("label text"); - }); - - it("Should return label text", async () => { - // Act - const wrapper = shallowMount(checkbox, { + const wrapper = shallowMount(checkboxQuestion, { propsData: { screenReaderOnlyText: "screenreader text", }, + mixins: [mockMixin], }); // Assert