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";
|
test.todo("some test to be written in the future");
|
||||||
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");
|
|
||||||
});
|
|
||||||
});
|
|
||||||
|
|
|
||||||
|
|
@ -53,7 +53,6 @@
|
||||||
<template v-slot:after-text>
|
<template v-slot:after-text>
|
||||||
<img
|
<img
|
||||||
class="ccpa-icon"
|
class="ccpa-icon"
|
||||||
data-id="ccpa-icon"
|
|
||||||
src="~@/assets/img/icons/ccpa-icon.svg"
|
src="~@/assets/img/icons/ccpa-icon.svg"
|
||||||
alt="Your privacy choices" />
|
alt="Your privacy choices" />
|
||||||
</template>
|
</template>
|
||||||
|
|
|
||||||
Loading…
Reference in a new issue