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" />