diff --git a/src/layouts/scheduling/inshop-scheduling-card/inshop-scheduling-card.spec.js b/src/layouts/scheduling/inshop-scheduling-card/inshop-scheduling-card.spec.js
index 09647f4ca..b05b3b4a1 100644
--- a/src/layouts/scheduling/inshop-scheduling-card/inshop-scheduling-card.spec.js
+++ b/src/layouts/scheduling/inshop-scheduling-card/inshop-scheduling-card.spec.js
@@ -40,6 +40,7 @@ const MOCK_PROVIDER = {
const MOCK_CMS_CONTENT = {
InshopCardWidget: {
+ HeaderText: "Visit us at a shop:",
BodyText: "Morning:",
BodyText2: "Afternoon:",
FooterText: "View more times",
diff --git a/src/layouts/scheduling/inshop-scheduling-card/inshop-scheduling-card.vue b/src/layouts/scheduling/inshop-scheduling-card/inshop-scheduling-card.vue
index a701ab54c..b0ad01b8f 100644
--- a/src/layouts/scheduling/inshop-scheduling-card/inshop-scheduling-card.vue
+++ b/src/layouts/scheduling/inshop-scheduling-card/inshop-scheduling-card.vue
@@ -9,11 +9,6 @@
class="inshop-scheduling-card__header"
:aria-expanded="isExpanded"
@click="toggleExpanded">
-
{{ formattedDistance }}
{
test("renders header, zip code, and time slot options", () => {
const wrapper = mountComponent();
- expect(wrapper.text()).toContain("We'll come to you");
+ expect(wrapper.text()).toContain("At your location");
expect(wrapper.text()).toContain("43235");
expect(wrapper.text()).toContain("Enter address on the next page");
expect(wrapper.text()).toContain("First stop of the day");
- expect(wrapper.text()).not.toContain("8:00 am - 12:00 pm arrival window");
+ expect(wrapper.text()).toContain("8:00 am - 12:00 pm arrival");
+ expect(wrapper.text()).toContain("12:00 pm - 5:00 pm arrival");
expect(wrapper.text()).toContain("+$29.99");
expect(wrapper.text()).toContain("3 appts");
+ expect(wrapper.find(".mobile-scheduling-card__free-flag").exists()).toBe(false);
+ expect(wrapper.find(".mobile-scheduling-card__van-icon").exists()).toBe(false);
wrapper.unmount();
});
@@ -83,12 +86,6 @@ describe("mobile-scheduling-card.vue", () => {
wrapper.unmount();
});
- test("shows free flag when showFreeFlag is true", () => {
- const wrapper = mountComponent({ showFreeFlag: true });
- expect(wrapper.text()).toContain("We'll come to you for free!");
- wrapper.unmount();
- });
-
test("emits zip-code-clicked when zip link is clicked", async () => {
const wrapper = mountComponent();
await wrapper.find(".mobile-scheduling-card__zip-link").trigger("click");
@@ -113,7 +110,7 @@ describe("mobile-scheduling-card.vue", () => {
test("shows premium sublabel only when the premium option is selected", async () => {
const wrapper = mountComponent();
- expect(wrapper.text()).not.toContain("8:00 am - 12:00 pm arrival window");
+ expect(wrapper.find(".mobile-scheduling-card__slot-label-secondary").exists()).toBe(false);
const premiumInput = wrapper.find(
`input[value="${MOCK_TIME_SLOTS[0].id}${PREMIUM_TIME_SLOT_ID_FLAG}"]`
@@ -128,7 +125,9 @@ describe("mobile-scheduling-card.vue", () => {
},
});
- expect(wrapper.text()).toContain("8:00 am - 12:00 pm arrival window");
+ const subLabel = wrapper.find(".mobile-scheduling-card__slot-label-secondary");
+ expect(subLabel.exists()).toBe(true);
+ expect(subLabel.text()).toBe("8:00 am - 12:00 pm arrival");
wrapper.unmount();
});
@@ -183,12 +182,6 @@ describe("mobile-scheduling-card.vue", () => {
wrapper.unmount();
});
- test("hides the free flag when isLoading is true even if showFreeFlag is true", () => {
- const wrapper = mountComponent({ isLoading: true, showFreeFlag: true });
- expect(wrapper.find(".mobile-scheduling-card__free-flag").exists()).toBe(false);
- wrapper.unmount();
- });
-
test("defaults isLoading to false", () => {
const wrapper = mountComponent();
expect(wrapper.props("isLoading")).toBe(false);
diff --git a/src/layouts/scheduling/mobile-scheduling-card/mobile-scheduling-card.vue b/src/layouts/scheduling/mobile-scheduling-card/mobile-scheduling-card.vue
index b1e2586c1..4b848656c 100644
--- a/src/layouts/scheduling/mobile-scheduling-card/mobile-scheduling-card.vue
+++ b/src/layouts/scheduling/mobile-scheduling-card/mobile-scheduling-card.vue
@@ -1,30 +1,14 @@
-
-

-
{{ freeFlagText }}
-
-