V15 Updated test helper for mandatory property editors

lib/helpers/ConstantHelper.ts

@@ -18,7 +18,8 @@
 
   public static readonly validationMessages = {
     emptyLinkPicker: 'Please enter an anchor or querystring, or select a published document or media item, or manually configure the URL',
-    invalidValue: 'Value is invalid, it does not match the correct pattern'
+    invalidValue: 'Value is invalid, it does not match the correct pattern',
+    emptyValue: 'Value cannot be empty'
   }
 
   public static readonly inputTypes = {

lib/helpers/ContentUiHelper.ts

@@ -133,7 +133,6 @@ export class ContentUiHelper extends UiBaseLocators {
   private readonly clipboardEntryPicker: Locator;
   private readonly blockWorkspaceEditTab: Locator;
   private readonly insertBlockBtn: Locator;
-  private readonly validationMessage: Locator;
   private readonly blockWorkspace: Locator;
   private readonly saveContentBtn: Locator;
   private readonly splitView: Locator;
@@ -303,7 +302,6 @@ export class ContentUiHelper extends UiBaseLocators {
     this.tipTapEditor = this.tipTapPropertyEditor.locator('#editor .tiptap');
     this.uploadedSvgThumbnail = page.locator('umb-input-upload-field-svg img');
     this.insertBlockBtn = page.locator('[title="Insert Block"]');
-    this.validationMessage = page.locator('umb-form-validation-message').locator('#messages');
     this.blockWorkspace = page.locator('umb-block-workspace-editor');
     this.tiptapInput = page.locator('umb-input-tiptap');
     this.rteBlockInline = page.locator('umb-rte-block-inline');

lib/helpers/DocumentTypeApiHelper.ts

@@ -162,7 +162,7 @@ export class DocumentTypeApiHelper {
     return await this.create(documentType);
   }
 
-  async createDocumentTypeWithPropertyEditor(documentTypeName: string, dataTypeName: string, dataTypeId: string, groupName: string = "TestGroup", documentTypeVaryByCulture: boolean = false, propertyVaryByCulture: boolean = false) {
+  async createDocumentTypeWithPropertyEditor(documentTypeName: string, dataTypeName: string, dataTypeId: string, groupName: string = "TestGroup", documentTypeVaryByCulture: boolean = false, propertyVaryByCulture: boolean = false, isMandatory: boolean = false) {
     const crypto = require('crypto');
     const containerId = crypto.randomUUID();
     await this.ensureNameNotExists(documentTypeName);
@@ -182,6 +182,7 @@ export class DocumentTypeApiHelper {
         .withName(dataTypeName)
         .withDataTypeId(dataTypeId)
         .withVariesByCulture(propertyVaryByCulture)
+        .withMandatory(isMandatory)
         .done()
       .withVariesByCulture(documentTypeVaryByCulture)
       .build();
@@ -484,7 +485,7 @@ export class DocumentTypeApiHelper {
     return await this.create(documentType);
   }
 
-  async createDefaultElementType(elementName: string, groupName: string = 'TestGroup', dataTypeName: string = 'Textstring', dataTypeId: string) {
+  async createDefaultElementType(elementName: string, groupName: string = 'TestGroup', dataTypeName: string = 'Textstring', dataTypeId: string, isMandatory: boolean = false) {
     await this.ensureNameNotExists(elementName);
 
     const crypto = require('crypto');
@@ -504,6 +505,7 @@ export class DocumentTypeApiHelper {
         .withAlias(AliasHelper.toAlias(dataTypeName))
         .withName(dataTypeName)
         .withDataTypeId(dataTypeId)
+        .withMandatory(isMandatory)
         .done()
       .build();
     return await this.create(documentType);

lib/helpers/UiBaseLocators.ts

@@ -142,6 +142,7 @@ export class UiBaseLocators {
   public readonly confirmActionModalEntityReferences: Locator;
   public readonly referenceHeadline: Locator;
   public readonly entityItemRef: Locator;
+  public readonly validationMessage: Locator;
 
   constructor(page: Page) {
     this.page = page;
@@ -284,6 +285,7 @@ export class UiBaseLocators {
     this.confirmActionModalEntityReferences = page.locator('umb-confirm-action-modal-entity-references');
     this.referenceHeadline = this.confirmActionModalEntityReferences.locator('#reference-headline');
     this.entityItemRef = this.confirmActionModalEntityReferences.locator('umb-entity-item-ref');
+    this.validationMessage = page.locator('umb-form-validation-message').locator('#messages');
   }
 
   async clickActionsMenuForNameInSectionSidebar(name: string) {
@@ -1191,4 +1193,8 @@ export class UiBaseLocators {
   async doesReferencesContainText(text: string) {
     await expect(this.confirmActionModalEntityReferences).toContainText(text);
   }
+
+  async isValidationMessageVisible(message: string, isVisible: boolean = true) {
+    await expect(this.validationMessage.filter({hasText: message})).toBeVisible({visible: isVisible});
+  }
 }

package.json

@@ -1,6 +1,6 @@
 {
   "name": "@umbraco/playwright-testhelpers",
-  "version": "15.0.42",
+  "version": "15.0.43",
   "description": "Test helpers for making playwright tests for Umbraco solutions",
   "main": "dist/lib/index.js",
   "files": [