diff --git a/tests/Umbraco.Tests.AcceptanceTest/package-lock.json b/tests/Umbraco.Tests.AcceptanceTest/package-lock.json
index d28467ddb838..613a77867e86 100644
--- a/tests/Umbraco.Tests.AcceptanceTest/package-lock.json
+++ b/tests/Umbraco.Tests.AcceptanceTest/package-lock.json
@@ -8,7 +8,7 @@
       "hasInstallScript": true,
       "dependencies": {
         "@umbraco/json-models-builders": "^2.0.42",
-        "@umbraco/playwright-testhelpers": "^17.0.22",
+        "@umbraco/playwright-testhelpers": "^17.0.23",
         "camelize": "^1.0.0",
         "dotenv": "^16.3.1",
         "node-fetch": "^2.6.7"
@@ -67,9 +67,9 @@
       }
     },
     "node_modules/@umbraco/playwright-testhelpers": {
-      "version": "17.0.22",
-      "resolved": "https://registry.npmjs.org/@umbraco/playwright-testhelpers/-/playwright-testhelpers-17.0.22.tgz",
-      "integrity": "sha512-QGQAdMTfZe5+XYnN3xhMJrqofBxyladbwPhzNBirJjsTMDmaJg7PeytHRduz2drVKv0HJkkWoiUriY7OgPozeg==",
+      "version": "17.0.23",
+      "resolved": "https://registry.npmjs.org/@umbraco/playwright-testhelpers/-/playwright-testhelpers-17.0.23.tgz",
+      "integrity": "sha512-xkWchRV2I/eEC+PrZ3nUwNJvBy2f9BYmN+/p4o2MlsSNDsga/8jy/Ulo9RNzOOY++WNfWprRji933amzR2slrg==",
       "license": "MIT",
       "dependencies": {
         "@umbraco/json-models-builders": "2.0.42",
diff --git a/tests/Umbraco.Tests.AcceptanceTest/package.json b/tests/Umbraco.Tests.AcceptanceTest/package.json
index 50a918176908..7a94b95f79aa 100644
--- a/tests/Umbraco.Tests.AcceptanceTest/package.json
+++ b/tests/Umbraco.Tests.AcceptanceTest/package.json
@@ -23,7 +23,7 @@
   },
   "dependencies": {
     "@umbraco/json-models-builders": "^2.0.42",
-    "@umbraco/playwright-testhelpers": "^17.0.22",
+    "@umbraco/playwright-testhelpers": "^17.0.23",
     "camelize": "^1.0.0",
     "dotenv": "^16.3.1",
     "node-fetch": "^2.6.7"
diff --git a/tests/Umbraco.Tests.AcceptanceTest/tests/DefaultConfig/RenderingContent/RenderingContentWithBlockGrid.spec.ts b/tests/Umbraco.Tests.AcceptanceTest/tests/DefaultConfig/RenderingContent/RenderingContentWithBlockGrid.spec.ts
new file mode 100644
index 000000000000..d4c5da2f82a2
--- /dev/null
+++ b/tests/Umbraco.Tests.AcceptanceTest/tests/DefaultConfig/RenderingContent/RenderingContentWithBlockGrid.spec.ts
@@ -0,0 +1,108 @@
+import {AliasHelper, test} from '@umbraco/playwright-testhelpers';
+
+// Content
+const contentName = 'Test Rendering Content';
+// Document Type
+const documentTypeName = 'TestDocumentTypeForContent';
+// Template
+const templateName = 'TestTemplateForContent';
+let templateId: string;
+// Data Types
+const blockGridDataTypeName = 'CustomBlockGrid';
+const textstringDataTypeName = 'Textstring';
+const elementPropertyEditorAlias = 'Umbraco.TextBox';
+// Element Type
+const elementTypeName = 'BlockGridElement';
+const elementGroupName = 'ElementGroup';
+const elementPropertyAlias = AliasHelper.toAlias(textstringDataTypeName);
+let elementTypeId: string;
+// Other
+const noBlocksMessage = 'Test no block grid message';
+
+test.beforeEach(async ({umbracoApi}) => {
+  const textstringData = await umbracoApi.dataType.getByName(textstringDataTypeName);
+  elementTypeId = await umbracoApi.documentType.createDefaultElementType(elementTypeName, elementGroupName, textstringDataTypeName, textstringData.id) || '';
+  templateId = await umbracoApi.template.createTemplateWithDisplayingBlockGridItems(templateName, blockGridDataTypeName, elementPropertyAlias, noBlocksMessage);
+});
+
+test.afterEach(async ({umbracoApi}) => {
+  await umbracoApi.document.ensureNameNotExists(contentName);
+  await umbracoApi.documentType.ensureNameNotExists(documentTypeName);
+  await umbracoApi.documentType.ensureNameNotExists(elementTypeName);
+  await umbracoApi.dataType.ensureNameNotExists(blockGridDataTypeName);
+  await umbracoApi.template.ensureNameNotExists(templateName);
+});
+
+test('can render content with a block grid containing a textstring value', async ({umbracoApi, umbracoUi}) => {
+  // Arrange
+  const blockTextValue = 'This is block grid content';
+  // Create document with a block
+  const documentId = await umbracoApi.document.createDefaultDocumentWithABlockGridEditorAndBlockWithValue(
+    contentName,
+    documentTypeName,
+    blockGridDataTypeName,
+    elementTypeId,
+    elementPropertyAlias,
+    blockTextValue,
+    elementPropertyEditorAlias,
+    elementGroupName,
+    templateId
+  );
+  // Publish the document
+  await umbracoApi.document.publish(documentId);
+  const contentURL = await umbracoApi.document.getDocumentUrl(documentId);
+
+  // Act
+  await umbracoUi.contentRender.navigateToRenderedContentPage(contentURL);
+
+  // Assert
+  await umbracoUi.contentRender.doesContentRenderValueContainText(blockTextValue);
+});
+
+test('can render content with a block grid containing multiple blocks', async ({umbracoApi, umbracoUi}) => {
+  // Arrange
+  const firstBlockTextValue = 'First block content';
+  const secondBlockTextValue = 'Second block content';
+  // Create document with two blocks
+  const documentId = await umbracoApi.document.createDefaultDocumentWithABlockGridEditorAndBlockWithTwoValues(
+    contentName,
+    documentTypeName,
+    blockGridDataTypeName,
+    elementTypeId,
+    elementPropertyAlias,
+    firstBlockTextValue,
+    elementPropertyEditorAlias,
+    elementGroupName,
+    secondBlockTextValue,
+    templateId
+  );
+  // Publish the document
+  await umbracoApi.document.publish(documentId);
+  const contentURL = await umbracoApi.document.getDocumentUrl(documentId);
+
+  // Act
+  await umbracoUi.contentRender.navigateToRenderedContentPage(contentURL);
+
+  // Assert
+  await umbracoUi.contentRender.doesContentRenderValueContainText(firstBlockTextValue);
+  await umbracoUi.contentRender.doesContentRenderValueContainText(secondBlockTextValue);
+});
+
+test('can render content with an empty block grid', async ({umbracoApi, umbracoUi}) => {
+  // Arrange
+  // Create block grid data type
+  const blockGridDataTypeId = await umbracoApi.dataType.createBlockGridWithABlock(blockGridDataTypeName, elementTypeId);
+  // Create document type with block grid property and allowed template
+  const documentTypeId = await umbracoApi.documentType.createDocumentTypeWithPropertyEditorAndAllowedTemplate(documentTypeName, blockGridDataTypeId, blockGridDataTypeName, templateId);
+  // Create document with no blocks
+  const documentId = await umbracoApi.document.createDocumentWithTemplate(contentName, documentTypeId, templateId);
+  // Publish the document
+  await umbracoApi.document.publish(documentId);
+  const contentURL = await umbracoApi.document.getDocumentUrl(documentId);
+
+  // Act
+  await umbracoUi.contentRender.navigateToRenderedContentPage(contentURL);
+
+  // Assert
+  await umbracoUi.contentRender.doesContentRenderValueContainText(noBlocksMessage);
+});
diff --git a/tests/Umbraco.Tests.AcceptanceTest/tests/DefaultConfig/RenderingContent/RenderingContentWithBlockList.spec.ts b/tests/Umbraco.Tests.AcceptanceTest/tests/DefaultConfig/RenderingContent/RenderingContentWithBlockList.spec.ts
new file mode 100644
index 000000000000..225b8a0e1128
--- /dev/null
+++ b/tests/Umbraco.Tests.AcceptanceTest/tests/DefaultConfig/RenderingContent/RenderingContentWithBlockList.spec.ts
@@ -0,0 +1,106 @@
+import {AliasHelper, test} from '@umbraco/playwright-testhelpers';
+
+// Content
+const contentName = 'Test Rendering Content';
+// Document Type
+const documentTypeName = 'TestDocumentTypeForContent';
+// Template
+const templateName = 'TestTemplateForContent';
+let templateId: string;
+// Data Types
+const blockListDataTypeName = 'CustomBlockList';
+const textstringDataTypeName = 'Textstring';
+const elementPropertyEditorAlias = 'Umbraco.TextBox';
+// Element Type
+const elementTypeName = 'BlockListElement';
+const elementGroupName = 'ElementGroup';
+const elementPropertyAlias = AliasHelper.toAlias(textstringDataTypeName);
+let elementTypeId: string;
+// Other
+const noBlocksMessage = 'Test no block list mesage';
+
+test.beforeEach(async ({umbracoApi}) => {
+  const textstringData = await umbracoApi.dataType.getByName(textstringDataTypeName);
+  elementTypeId = await umbracoApi.documentType.createDefaultElementType(elementTypeName, elementGroupName, textstringDataTypeName, textstringData.id) || '';
+  templateId = await umbracoApi.template.createTemplateWithDisplayingBlockListItems(templateName, blockListDataTypeName, elementPropertyAlias, noBlocksMessage);
+});
+
+test.afterEach(async ({umbracoApi}) => {
+  await umbracoApi.document.ensureNameNotExists(contentName);
+  await umbracoApi.documentType.ensureNameNotExists(documentTypeName);
+  await umbracoApi.documentType.ensureNameNotExists(elementTypeName);
+  await umbracoApi.dataType.ensureNameNotExists(blockListDataTypeName);
+  await umbracoApi.template.ensureNameNotExists(templateName);
+});
+
+test('can render content with a block list containing a textstring value', async ({umbracoApi, umbracoUi}) => {
+  // Arrange
+  const blockTextValue = 'This is block list content';
+  // Create document with a block
+  const documentId = await umbracoApi.document.createDefaultDocumentWithABlockListEditorAndBlockWithValue(
+    contentName,
+    documentTypeName,
+    blockListDataTypeName,
+    elementTypeId,
+    elementPropertyAlias,
+    blockTextValue,
+    elementPropertyEditorAlias,
+    elementGroupName,
+    templateId
+  );
+  // Publish the document
+  await umbracoApi.document.publish(documentId);
+  const contentURL = await umbracoApi.document.getDocumentUrl(documentId);
+
+  // Act
+  await umbracoUi.contentRender.navigateToRenderedContentPage(contentURL);
+
+  // Assert
+  await umbracoUi.contentRender.doesContentRenderValueContainText(blockTextValue);
+});
+
+test('can render content with a block list containing multiple blocks', async ({umbracoApi, umbracoUi}) => {
+  // Arrange
+  const firstBlockTextValue = 'First block content';
+  const secondBlockTextValue = 'Second block content';
+  // Create document with two blocks
+  const documentId = await umbracoApi.document.createDefaultDocumentWithABlockListEditorAndBlockWithTwoValues(
+    contentName,
+    documentTypeName,
+    blockListDataTypeName,
+    elementTypeId,
+    elementPropertyAlias,
+    firstBlockTextValue,
+    elementPropertyEditorAlias,
+    elementGroupName,
+    secondBlockTextValue,
+    templateId
+  );
+  // Publish the document
+  await umbracoApi.document.publish(documentId);
+  const contentURL = await umbracoApi.document.getDocumentUrl(documentId);
+
+  // Act
+  await umbracoUi.contentRender.navigateToRenderedContentPage(contentURL);
+
+  // Assert
+  await umbracoUi.contentRender.doesContentRenderValueContainText(firstBlockTextValue);
+  await umbracoUi.contentRender.doesContentRenderValueContainText(secondBlockTextValue);
+});
+
+test('can render content with an empty block list', async ({umbracoApi, umbracoUi}) => {
+  // Arrange
+  // Create document with no blocks
+  const blockListDataTypeId = await umbracoApi.dataType.createBlockListDataTypeWithABlock(blockListDataTypeName, elementTypeId);
+  const documentTypeId = await umbracoApi.documentType.createDocumentTypeWithPropertyEditorAndAllowedTemplate(documentTypeName, blockListDataTypeId, blockListDataTypeName, templateId);
+  const documentId = await umbracoApi.document.createDocumentWithTemplate(contentName, documentTypeId, templateId);
+  // Publish the document
+  await umbracoApi.document.publish(documentId);
+  const contentURL = await umbracoApi.document.getDocumentUrl(documentId);
+
+  // Act
+  await umbracoUi.contentRender.navigateToRenderedContentPage(contentURL);
+
+  // Assert
+  await umbracoUi.contentRender.doesContentRenderValueContainText(noBlocksMessage);
+});
\ No newline at end of file