From 949849f0354954e46044de706cbb6ee0b557e0fc Mon Sep 17 00:00:00 2001
From: Chloe Herd <chloe.herd@safelite.com>
Date: Thu, 1 Jun 2023 16:43:00 -0400
Subject: [PATCH] Add test for review content block

---
 .../review/review-block/review-block.spec.js  | 37 ++++++++++++++++++-
 .../review/review-block/review-block.vue      |  2 +-
 2 files changed, 36 insertions(+), 3 deletions(-)

diff --git a/src/layouts/review/review-block/review-block.spec.js b/src/layouts/review/review-block/review-block.spec.js
index 84e35cb9c..1a25e8bfd 100644
--- a/src/layouts/review/review-block/review-block.spec.js
+++ b/src/layouts/review/review-block/review-block.spec.js
@@ -1,3 +1,36 @@
-describe("Review Page Content Block", () => {
-    test.todo("Add more tests as specific functionality is added.");
+import { shallowMount } from "@vue/test-utils";
+import { getMountOptions } from "@/helpers/unit-test-helper.js";
+import store from "@/store";
+import reviewBlock from "@/layouts/review/review-block/review-block";
+
+jest.mock("@/helpers/cms-content-helper", () => ({
+    fetchCmsContentForPage: () => Promise.resolve("content"),
+}));
+
+describe("Review Content Block", () => {
+    test("Displays one new line of content for each element in the content prop.", () => {
+        // Arrange
+        const { wrapper } = setupMocks({
+            propsData: {
+                headerCmsWidgetName: "TestWidget",
+                content: ["a", "b", "c", "d"],
+            },
+        });
+
+        // Act
+        const contentLines = wrapper.findAll("[data-test='contentLine']");
+
+        // Assert
+        expect(contentLines.length).toBe(4);
+    });
 });
+
+function setupMocks(customMountOptions) {
+    const mountOptions = getMountOptions(customMountOptions);
+
+    mountOptions["attachTo"] = document.body;
+
+    const wrapper = shallowMount(reviewBlock, mountOptions);
+    wrapper.vm.setCmsContent = jest.fn();
+    return { wrapper };
+}
diff --git a/src/layouts/review/review-block/review-block.vue b/src/layouts/review/review-block/review-block.vue
index 2209d197c..128e488d7 100644
--- a/src/layouts/review/review-block/review-block.vue
+++ b/src/layouts/review/review-block/review-block.vue
@@ -7,7 +7,7 @@
                 margin="mt-0" />
             <textLink linkType="textSmall" text="Edit" class="ml-auto" @click-event="linkClicked" />
         </div>
-        <div class="small" v-for="item in content" :key="item">
+        <div class="small" v-for="item in content" :key="item" data-test="contentLine">
             {{ item }}
         </div>
     </div>