removing menu modal changes
This commit is contained in:
parent
e88da1bd77
commit
4068f50e5d
2 changed files with 1 additions and 67 deletions
|
|
@ -1,66 +1 @@
|
|||
import { mount, shallowMount } from "@vue/test-utils";
|
||||
import menuModal from "@/fmg-components/funnel-header/menu-modal/menu-modal.vue";
|
||||
|
||||
describe("menu-modal.vue", () => {
|
||||
it("Should return text Footer Navigation", async () => {
|
||||
// Act
|
||||
const wrapper = shallowMount(menuModal);
|
||||
|
||||
// Assert
|
||||
const footerModalLabel = wrapper.find("h5");
|
||||
|
||||
// Expect
|
||||
expect(footerModalLabel.text()).toContain("Footer Navigation");
|
||||
});
|
||||
|
||||
it("Should return footer text as Safelite Group", async () => {
|
||||
// Act
|
||||
const wrapper = shallowMount(menuModal);
|
||||
|
||||
// Assert
|
||||
const modalFooter = wrapper.find("div.modal-footer");
|
||||
|
||||
// Expect
|
||||
expect(modalFooter.text()).toContain("Safelite Group");
|
||||
});
|
||||
|
||||
it("Should return Terms of use text link text", async () => {
|
||||
// Act
|
||||
const wrapper = shallowMount(menuModal);
|
||||
|
||||
// Expect
|
||||
expect(wrapper.html()).toContain("Terms of use");
|
||||
});
|
||||
|
||||
it('Should return "Your privacy choices" text link text', async () => {
|
||||
// Act
|
||||
const wrapper = mount(menuModal);
|
||||
|
||||
// Expect
|
||||
expect(wrapper.html()).toContain("Your privacy choices");
|
||||
});
|
||||
|
||||
test('Icon for link to "Privacy Policies" page is displayed with the correct alternate text', () => {
|
||||
// NOTE: We need a way to target a specific <textLink> component so we can be sure that
|
||||
// an icon is coming from a specific <textLink> component.
|
||||
// That requires an additional prop in the <textLink> component. Will hold off on adding the prop
|
||||
// until there is more clarity on how we handle shared components.
|
||||
// For now the test is below is the best we can do.
|
||||
|
||||
// Arrange
|
||||
const wrapper = mount(menuModal);
|
||||
|
||||
// Expect
|
||||
const icon = wrapper.find('[data-id="ccpa-icon"]');
|
||||
expect(icon.isVisible()).toBe(true);
|
||||
expect(icon.attributes("alt")).toBe("Your privacy choices");
|
||||
});
|
||||
|
||||
it("Should return Warranty text link text", async () => {
|
||||
// Act
|
||||
const wrapper = shallowMount(menuModal);
|
||||
|
||||
// Expect
|
||||
expect(wrapper.html()).toContain("Warranty");
|
||||
});
|
||||
});
|
||||
test.todo("some test to be written in the future");
|
||||
|
|
|
|||
|
|
@ -53,7 +53,6 @@
|
|||
<template v-slot:after-text>
|
||||
<img
|
||||
class="ccpa-icon"
|
||||
data-id="ccpa-icon"
|
||||
src="~@/assets/img/icons/ccpa-icon.svg"
|
||||
alt="Your privacy choices" />
|
||||
</template>
|
||||
|
|
|
|||
Loading…
Reference in a new issue