Update PW-1130 in atk_media.spec.js.

playwright/e2e/atk_entity/atk_media.spec.js

@@ -8,23 +8,20 @@
 /** ESLint directives */
 /* eslint-disable import/first */
 
-import * as atkCommands from '../support/atk_commands';
-import * as atkUtilities from '../support/atk_utilities';
-
 // Set up Playwright.
 const { test, expect } = require('@playwright/test');
-
 import playwrightConfig from '../../playwright.config';
-
 const baseUrl = playwrightConfig.use.baseURL;
 
-// Import ATK configuration.
+// Import ATK Libraries and configuration.
+import * as atkCommands from '../support/atk_commands';
+import * as atkUtilities from '../support/atk_utilities';
 import atkConfig from '../../playwright.atk.config';
 
 // Holds standard accounts that use user accounts created
 // by QA Accounts. QA Accounts are created when the QA
 // Accounts module is enabled.
-import qaUserAccounts from '../data/qaUsers.json';
+import qaUsers from '../data/qaUsers.json';
 
 test.describe('Media tests.', () => {
   //
@@ -36,52 +33,44 @@ test.describe('Media tests.', () => {
     const image2Filepath = 'tests/data/SmokeTest.png';
     const uniqueToken1 = atkUtilities.createRandomString(6);
     const uniqueToken2 = atkUtilities.createRandomString(6);
+    let textContent = '';
 
     // Log in with the administrator account.
     // You should change this to an account other than the administrator,
     // which has all rights.
-    await atkCommands.logInViaForm(page, context, qaUserAccounts.admin);
+    await atkCommands.logInViaForm(page, context, qaUsers.admin);
 
     //
     // Add an image.
     //
-    await page.goto(baseUrl + atkConfig.imageAddUrl);
+    await page.goto(baseUrl + atkConfig.mediaAddUrl);
+    textContent = await page.content();
+    expect(textContent).toContain('Media browser');
 
     // Upload image.
-    await page.setInputFiles('#edit-field-media-image-0-upload', image1Filepath);
-    const altField = page.locator('input[name="field_media_image[0][alt]"]');
-    await altField.fill(`${testId}: ${uniqueToken1}`);
+    await page.setInputFiles('[name="files[upload]"]', image1Filepath);
+    await page.click('#edit-next');
 
     // Fill in as many fields as you need
     // if you've customized your media entity.
-
-    // Uncomment to unpublish.
-    const publishInput = page.locator('input[name="status[value]"]'); // eslint-disable-line no-unused-vars
-    // await publishInput.uncheck()
+    const altField = page.locator('#edit-field-file-image-alt-text-und-0-value');
+    await altField.fill(`${testId}: ${uniqueToken1}`);
 
     // Then save the entity.
     await page.getByRole('button', { name: 'Save' }).click();
 
-    // We are now on the media content list. Confirm the image
-    // was rendered by checking for the token.
-    let imageLocator = page.locator(`img[alt*="${uniqueToken1}"]`);
-    await expect(imageLocator).toBeVisible();
-
-    // Confirm image downloads correctly by testing the naturalWidth
-    // and NaturalHeight properties.
-    let isImageDownloaded = await imageLocator.evaluate((img) => img.naturalWidth > 0 && img.naturalHeight > 0);
-
-    // Extract the media id that was added by
-    // automated_testing_kit_preprocess_image().
-    const mid = await imageLocator.getAttribute('data-media-id');
+    // Extract the media id from the page URL.
+    const url = page.url();
+    const match = url.match(/fid=(\d+)/);
+    expect(match).toBeTruthy();
+    const mid = match[1];
 
     //
     // Update the media.
     //
     const mediaEditUrl = atkConfig.mediaEditUrl.replace('{mid}', mid);
     await page.goto(baseUrl + mediaEditUrl);
-    await page.getByRole('button', { name: 'Remove' }).click();
-    await page.setInputFiles('input[name="files[field_media_image_0]"]', image2Filepath);
+    await page.setInputFiles('[name="files[replace_upload]"]', image2Filepath);
     await altField.fill(`${testId}: ${uniqueToken2}`);
     await page.getByRole('button', { name: 'Save' }).click();
 
@@ -91,18 +80,20 @@ test.describe('Media tests.', () => {
 
     // We are back again on the media content list. Confirm the image
     // was rendered by checking for the token.
-    imageLocator = page.locator(`img[alt*="${uniqueToken2}"]`);
+    const imageLocator = page.locator('.content img');
     await expect(imageLocator).toBeVisible();
 
     // Confirm image downloads correctly by testing the naturalWidth
     // and NaturalHeight properties.
-    isImageDownloaded = await imageLocator.evaluate((img) => img.naturalWidth > 0 && img.naturalHeight > 0); // eslint-disable-line no-unused-vars
+    const isImageDownloaded = await imageLocator.evaluate((img) => img.naturalWidth > 0 && img.naturalHeight > 0); // eslint-disable-line no-unused-vars
+    expect(isImageDownloaded).toBeTruthy();
 
     //
-    // Delete the media entity.
+    // Delete the media entity; Delete button is on the edit page.
     //
-    const mediaDeleteUrl = atkConfig.mediaDeleteUrl.replace('{mid}', mid);
-    await page.goto(baseUrl + mediaDeleteUrl);
+    await page.goto(baseUrl + mediaEditUrl);
+    await page.getByRole('button', { name: 'Delete' }).click();
+    expect(await page.content()).toContain('Are you sure');
     await page.getByRole('button', { name: 'Delete' }).click();
   });
 });