V14 QA Token access fix (#16111)

* Added fixtures

* Fixed existing tests

* Temporary file path for updating StorageState

* Fixed indentation

* Bumped version

* Added a storageStatePath

* Deleted unnecessary fixtures

* Deleted commented out code

* Bumped version of testHelpers

* Updated Pipeline

* Bumped version

* Added fixes from review

* Added another wait and goToSection

Author: andr317c

build/azure-pipelines.yml

@@ -466,7 +466,8 @@ stages:
           - pwsh: |
               "UMBRACO_USER_LOGIN=$(UMBRACO__CMS__UNATTENDED__UNATTENDEDUSEREMAIL)
               UMBRACO_USER_PASSWORD=$(UMBRACO__CMS__UNATTENDED__UNATTENDEDUSERPASSWORD)
-              URL=$(ASPNETCORE_URLS)" | Out-File .env
+              URL=$(ASPNETCORE_URLS)
+              STORAGE_STAGE_PATH=$(Build.SourcesDirectory)/tests/Umbraco.Tests.AcceptanceTest/playwright/.auth/user.json" | Out-File .env
             displayName: Generate .env
             workingDirectory: $(Build.SourcesDirectory)/tests/Umbraco.Tests.AcceptanceTest
 

tests/Umbraco.Tests.AcceptanceTest/config.js

@@ -3,12 +3,12 @@ const fs = require('fs');
 
 const properties = [
     {
-        description: 'Enter your umbraco superadmin username/email',
+        description: 'Enter your Umbraco superadmin username/email',
         name: 'username',
         required: true
     },
     {
-        description: 'Enter your umbraco superadmin password',
+        description: 'Enter your Umbraco superadmin password',
         name: 'password',
         hidden: true,
         required: true
@@ -22,7 +22,7 @@ const properties = [
 
 const configPath = './.env'
 
-console.log("Configure your umbraco test environment")
+console.log("Configure your Umbraco test environment")
 
 prompt.start();
 
@@ -31,7 +31,8 @@ prompt.get(properties, function (error, result) {
 
 var fileContent = `UMBRACO_USER_LOGIN=${result.username}
 UMBRACO_USER_PASSWORD=${result.password}
-URL=${result.baseUrl || "https://localhost:44339"}`;
+URL=${result.baseUrl || "https://localhost:44339"}
+STORAGE_STAGE_PATH=${__dirname.replace(/\\/g,'/')}/playwright/.auth/user.json`;
 
     fs.writeFile(configPath, fileContent, function (error) {
         if (error) return console.error(error);

tests/Umbraco.Tests.AcceptanceTest/package-lock.json

@@ -21,7 +21,7 @@
   },
   "dependencies": {
     "@umbraco/json-models-builders": "^2.0.5",
-    "@umbraco/playwright-testhelpers": "^2.0.0-beta.33",
+    "@umbraco/playwright-testhelpers": "^2.0.0-beta.38",
     "camelize": "^1.0.0",
     "dotenv": "^16.3.1",
     "faker": "^4.1.0",

tests/Umbraco.Tests.AcceptanceTest/package.json

@@ -27,7 +27,7 @@ test.describe('Script tests', () => {
     await umbracoUi.script.isSuccessNotificationVisible();
     expect(await umbracoApi.script.doesNameExist(scriptName)).toBeTruthy();
     await umbracoUi.script.clickRootFolderCaretButton();
-    await umbracoUi.script.isScriptTreeItemVisibile(scriptName);
+    await umbracoUi.script.isScriptTreeItemVisible(scriptName);
   });
 
   test.skip('can create a script with content', async ({umbracoApi, umbracoUi}) => {
@@ -48,7 +48,7 @@ test.describe('Script tests', () => {
     const scriptData = await umbracoApi.script.getByName(scriptName);
     expect(scriptData.content).toBe(scriptContent);
     await umbracoUi.script.clickRootFolderCaretButton();
-    await umbracoUi.script.isScriptTreeItemVisibile(scriptName);
+    await umbracoUi.script.isScriptTreeItemVisible(scriptName);
   });
 
   test.skip('can update a script', async ({umbracoApi, umbracoUi}) => {
@@ -79,7 +79,7 @@ test.describe('Script tests', () => {
     // Assert
     await umbracoUi.script.isSuccessNotificationVisible();
     expect(await umbracoApi.script.doesNameExist(scriptName)).toBeFalsy();
-    await umbracoUi.script.isScriptTreeItemVisibile(scriptName, false);
+    await umbracoUi.script.isScriptTreeItemVisible(scriptName, false);
   });
 
   test.skip('can rename a script', async ({umbracoApi, umbracoUi}) => {

tests/Umbraco.Tests.AcceptanceTest/tests/DefaultConfig/Settings/Script/Script.spec.ts

@@ -24,7 +24,7 @@ test.describe('Script tests', () => {
     await umbracoUi.script.isSuccessNotificationVisible();
     expect(await umbracoApi.script.doesFolderExist(scriptFolderName)).toBeTruthy();
     await umbracoUi.script.clickRootFolderCaretButton();
-    await umbracoUi.script.isScriptTreeItemVisibile(scriptFolderName);
+    await umbracoUi.script.isScriptTreeItemVisible(scriptFolderName);
   });
 
   test.skip('can delete a folder', async ({umbracoApi, umbracoUi}) => {
@@ -39,7 +39,7 @@ test.describe('Script tests', () => {
     // Assert
     await umbracoUi.script.isSuccessNotificationVisible();
     expect(await umbracoApi.script.doesFolderExist(scriptFolderName)).toBeFalsy();
-    await umbracoUi.script.isScriptTreeItemVisibile(scriptFolderName, false);
+    await umbracoUi.script.isScriptTreeItemVisible(scriptFolderName, false);
   });
 
   test.skip('can create a script in a folder', async ({umbracoApi, umbracoUi}) => {
@@ -64,7 +64,7 @@ test.describe('Script tests', () => {
     const scriptData = await umbracoApi.script.get(scriptChildren[0].path);
     expect(scriptData.content).toBe(scriptContent);
     await umbracoUi.stylesheet.clickCaretButtonForName(scriptFolderName);
-    await umbracoUi.script.isScriptTreeItemVisibile(scriptName);
+    await umbracoUi.script.isScriptTreeItemVisible(scriptName);
   });
 
   test.skip('can create a folder in a folder', async ({umbracoApi, umbracoUi}) => {
@@ -83,7 +83,7 @@ test.describe('Script tests', () => {
     const scriptChildren = await umbracoApi.script.getChildren('/' + scriptFolderName);
     expect(scriptChildren[0].path).toBe('/' + scriptFolderName + '/' + childFolderName);
     await umbracoUi.stylesheet.clickCaretButtonForName(scriptFolderName);
-    await umbracoUi.script.isScriptTreeItemVisibile(childFolderName);
+    await umbracoUi.script.isScriptTreeItemVisible(childFolderName);
   });
 
   test.skip('can create a folder in a folder in a folder', async ({umbracoApi, umbracoUi}) => {
@@ -105,7 +105,7 @@ test.describe('Script tests', () => {
     const scriptChildren = await umbracoApi.script.getChildren('/' + scriptFolderName + '/' + childFolderName);
     expect(scriptChildren[0].path).toBe('/' + scriptFolderName + '/' + childFolderName + '/' + childOfChildFolderName);
     await umbracoUi.stylesheet.clickCaretButtonForName(childFolderName);
-    await umbracoUi.script.isScriptTreeItemVisibile(childOfChildFolderName);
+    await umbracoUi.script.isScriptTreeItemVisible(childOfChildFolderName);
   });
 
   test.skip('can create a script in a folder in a folder', async ({umbracoApi, umbracoUi}) => {
@@ -129,6 +129,6 @@ test.describe('Script tests', () => {
     const scriptChildren = await umbracoApi.script.getChildren('/' + scriptFolderName + '/' + childFolderName);
     expect(scriptChildren[0].path).toBe('/' + scriptFolderName + '/' + childFolderName + '/' + scriptName);
     await umbracoUi.stylesheet.clickCaretButtonForName(childFolderName);
-    await umbracoUi.script.isScriptTreeItemVisibile(scriptName);
+    await umbracoUi.script.isScriptTreeItemVisible(scriptName);
   });
 });