fix: Update dependencies and tests for Summer'25 release (#313)

jimevanssfdc · web-flow · commit 5c2c48574cc0 · 2025-08-07T14:29:29.000-04:00
diff --git a/README.md b/README.md
@@ -9,7 +9,7 @@ This repository contains examples of how to test the Salesforce UI using the [UT
 > These recipes are designed to work with a generic Salesforce org. If your org has customizations, you might need to modify page objects or tests locally to avoid errors.
 
 > [!IMPORTANT] 
-> __This repository's page objects and UI tests are compatible with the Salesforce Spring'24 release.__
+> __This repository's page objects and UI tests are compatible with the Salesforce Summer'25 release.__
 
 ## Project structure
 
@@ -190,13 +190,13 @@ Follow the steps in the [Quick Start: Lightning Web Components](https://trailhea
 1. If you haven't already done so, authorize your hub org and provide it with an alias (**myhuborg** in the command below). Use the login credentials generated from your Trailhead Playground in the Prerequisites section above or your own Developer Edition org if you prefer:
 
     ```sh
-    $ sfdx auth:web:login -d -a myhuborg
+    $ sf org login web --alias myhuborg
     ```
 
 2. Create a scratch org and provide it with an alias (**utam-js-recipes** in the command below):
 
     ```sh
-    $ sfdx force:org:create -s -f config/project-scratch-def.json -a utam-js-recipes
+    $ sf org create scratch -f config/project-scratch-def.json -a utam-js-recipes -o myhuborg
     ```
 
 > [!NOTE]
@@ -213,13 +213,13 @@ Follow the steps in the [Quick Start: Lightning Web Components](https://trailhea
 3. Push the app to your scratch org:
 
     ```sh
-    $ sfdx force:source:push
+    $ sf project deploy start -o myhuborg
     ```
 
 4. Assign the **utam** permission set to the default user:
 
     ```sh
-    $ sfdx force:user:permset:assign -n utam
+    $ sf org assign permset -o myhuborg -n utam
     ```
 
 > [!NOTE]
@@ -228,13 +228,13 @@ Follow the steps in the [Quick Start: Lightning Web Components](https://trailhea
 5. Open the scratch org:
 
     ```sh
-    $ sfdx force:org:open
+    $ sf force source open -o myhuborg
     ```
 
 If you need to recreate a scratch org:
 
-- find created org `sfdx force:org:list --all`
-- delete previously created org with `sfdx force:org:delete`. It will prompt you to delete the org from the list, or specify an org alias or email `sfdx force:org:delete -u utam-js-recipes`
+- find created org `sf org list --all`
+- delete previously created org with `sfdx force:org:delete`. It will prompt you to delete the org from the list, or specify an org alias or email `sf org delete -u utam-js-recipes`
 - recreate scratch orgs (repeat steps starting from step 3)
 
 ## Running UI tests
diff --git a/force-app/test/app-navigation.spec.js b/force-app/test/app-navigation.spec.js
@@ -9,8 +9,8 @@
 // yarn test --spec force-app/test/app-navigation.spec.js
 
 import ApplicationHome from 'salesforce-pageobjects/navex/pageObjects/desktopLayoutContainer';
-import { login } from './utilities/salesforce-test';
-import { TestEnvironment } from './utilities/test-environment';
+import { login } from './utilities/salesforce-test.js';
+import { TestEnvironment } from './utilities/test-environment.js';
 
 // TODO: replace with prefix of the environment from .env file
 const TEST_ENVIRONMENT_PREFIX = 'na44';
diff --git a/force-app/test/record-all-items.spec.js b/force-app/test/record-all-items.spec.js
@@ -8,9 +8,9 @@
 // to run:
 // yarn test --spec force-app/test/record-all-items.spec.js
 
-import { RecordType } from './utilities/record-type';
-import { login, openRecordModal } from './utilities/salesforce-test';
-import { TestEnvironment } from './utilities/test-environment';
+import { RecordType } from './utilities/record-type.js';
+import { login, openRecordModal } from './utilities/salesforce-test.js';
+import { TestEnvironment } from './utilities/test-environment.js';
 
 // TODO: replace with prefix of the environment from .env file
 const TEST_ENVIRONMENT_PREFIX = 'na44';
diff --git a/force-app/test/record-create.spec.js b/force-app/test/record-create.spec.js
@@ -9,10 +9,11 @@
 // yarn test --spec force-app/test/record-create.spec.js
 
 import RecordHomeFlexipage2 from 'salesforce-pageobjects/global/pageObjects/recordHomeFlexipage2';
-import { RecordType } from './utilities/record-type';
-import { login, openRecordModal } from './utilities/salesforce-test';
-import { TestEnvironment } from './utilities/test-environment';
+import { RecordType } from './utilities/record-type.js';
+import { login, openRecordModal } from './utilities/salesforce-test.js';
+import { TestEnvironment } from './utilities/test-environment.js';
 import RecordActionWrapper from 'salesforce-pageobjects/global/pageObjects/recordActionWrapper';
+import InputStageName from 'salesforce-pageobjects/sfa/pageObjects/inputStageName';
 
 // TODO: replace with prefix of the environment from .env file
 const TEST_ENVIRONMENT_PREFIX = 'na44';
@@ -42,7 +43,9 @@ describe('Record creation tests', () => {
         const recordLayout = await recordForm.getRecordLayout();
 
         console.log('Access record form item by index');
-        const item = await recordLayout.getItem(1, 2, 1);
+        const section = await recordLayout.getSection(1);
+        const row = await section.getRow(2);
+        const item = await row.getItem(1);
 
         console.log('Enter account name');
         const accountName = 'Utam';
@@ -64,30 +67,40 @@ describe('Record creation tests', () => {
         const recordLayout = await recordForm.getRecordLayout();
 
         console.log("Enter 'Close date' as 01/01/2020");
-        const closeDateItem = await recordLayout.getItem(1, 2, 2);
+        const section = await recordLayout.getSection(1);
+        const dateRow = await section.getRow(2);
+        const closeDateItem = await dateRow.getItem(2);
         const datePicker = await closeDateItem.getDatepicker();
         await datePicker.setDateText('01/01/2020');
 
         console.log("Pick first option in a 'Stage' combobox");
-        const stageItem = await recordLayout.getItem(1, 4, 2);
-        const stageCombobox = await (await stageItem.getStageNamePicklist()).getBaseCombobox();
+        const stageRow = await section.getRow(4);
+        const stageItem = await stageRow.getItem(2);
+        const inputStageNameField = await stageItem.getInputField(InputStageName);
+        const stagePicklist = await inputStageNameField.getRecordPicklist();
+        const basePicklist = await stagePicklist.getBasePicklist();
+        const stageCombobox = await basePicklist.getBaseCombobox();
         await utam.waitFor(
             async () => {
-                await stageCombobox.expandForDisabledInput();
-                await stageCombobox.pickItem(2);
+                await stageCombobox?.expandForDisabledInput();
+                await stageCombobox?.pickItem(2);
                 return true;
             },
             { message: 'cant pick opportunity name' },
         );
 
         console.log('Find and pick first account, link it to the opportunity');
-        const accountLookupItem = await recordLayout.getItem(1, 4, 1);
+        const accountLookupSection = await recordLayout.getSection(1);
+        const accountLookupRow = await accountLookupSection.getRow(4);
+        const accountLookupItem = await accountLookupRow.getItem(1);
         const accountLookup = await (await accountLookupItem.getLookup()).getBaseCombobox();
         await accountLookup.expand();
         await accountLookup.pickItem(1);
 
         console.log('Enter opportunity name');
-        const nameItem = await recordLayout.getItem(1, 3, 1);
+        const nameSection = await recordLayout.getSection(1);
+        const nameRow = await nameSection.getRow(3);
+        const nameItem = await nameRow.getItem(1);
         const nameInput = await nameItem.getTextInput();
         await nameInput.setText('Opportunity name');
 
diff --git a/force-app/test/record-update.spec.js b/force-app/test/record-update.spec.js
@@ -11,9 +11,9 @@
 import RecordHomeFlexipage2 from 'salesforce-pageobjects/global/pageObjects/recordHomeFlexipage2';
 import RecordActionWrapper from 'salesforce-pageobjects/global/pageObjects/recordActionWrapper';
 import Tab2 from 'salesforce-pageobjects/flexipage/pageObjects/tab2';
-import { RecordType } from './utilities/record-type';
-import { login } from './utilities/salesforce-test';
-import { TestEnvironment } from './utilities/test-environment';
+import { RecordType } from './utilities/record-type.js';
+import { login } from './utilities/salesforce-test.js';
+import { TestEnvironment } from './utilities/test-environment.js';
 
 // TODO: replace with prefix of the environment from .env file
 const TEST_ENVIRONMENT_PREFIX = 'na44';
@@ -64,7 +64,9 @@ describe('Record update test', () => {
         const recordLayout = await recordForm.getRecordLayout();
 
         console.log('Access record form item by index');
-        const item = await recordLayout.getItem(1, 2, 1);
+        const section = await recordLayout.getSection(1);
+        const row = await section.getRow(2);
+        const item = await row.getItem(1);
 
         console.log('Enter updated account name');
         const accountName = 'Utam';
@@ -98,7 +100,9 @@ describe('Record update test', () => {
         let recordLayout = await baseRecordForm.getRecordLayout();
 
         console.log('Access Name field on Details panel');
-        let nameItem = await recordLayout.getItem(1, 2, 1);
+        let section = await recordLayout.getSection(1);
+        let row = await section.getRow(2);
+        let nameItem = await row.getItem(1);
         console.log('Remember value of the name field');
         let formattedName = await nameItem.getFormattedName();
         const nameString = await formattedName.getInnerText();
@@ -120,7 +124,9 @@ describe('Record update test', () => {
 
         const reloaded = await gotToRecordDetailsTab();
         recordLayout = await reloaded.getRecordLayout();
-        nameItem = await recordLayout.getItem(1, 2, 1);
+        section = await recordLayout.getSection(1);
+        row = await section.getRow(2);
+        nameItem = await row.getItem(1);
 
         console.log('Wait for field to be updated');
         await nameItem.waitForOutputField();
diff --git a/force-app/test/sfdx-scratch-org.spec.js b/force-app/test/sfdx-scratch-org.spec.js
@@ -8,10 +8,10 @@
 // to run:
 // yarn test --spec force-app/test/sfdx-scratch-org.spec.js
 
-import Hello from '../../pageObjects/hello';
-import HomePage from '../../pageObjects/homePage';
-import WireGetObjectInfo from '../../pageObjects/wireGetObjectInfo';
-import { TestEnvironment } from './utilities/test-environment';
+import Hello from '../../pageObjects/hello.js';
+import HomePage from '../../pageObjects/homePage.js';
+import WireGetObjectInfo from '../../pageObjects/wireGetObjectInfo.js';
+import { TestEnvironment } from './utilities/test-environment.js';
 
 describe('Scratch Org Tests', () => {
     const testEnvironment = new TestEnvironment('scratchOrg');
diff --git a/force-app/test/utilities/salesforce-test.js b/force-app/test/utilities/salesforce-test.js
@@ -6,8 +6,8 @@
  */
 
 import Login from 'salesforce-pageobjects/helpers/pageObjects/login';
-import ConsoleObjectHome from 'salesforce-pageobjects/global/pageObjects/consoleObjectHome';
 import RecordActionWrapper from 'salesforce-pageobjects/global/pageObjects/recordActionWrapper';
+import ObjectHome from 'salesforce-pageobjects/lists/pageObjects/objectHome';
 
 /**
  * Helper function used in crud tests to login in STMFA environment
@@ -38,12 +38,16 @@ export async function openRecordModal(baseUrl, recordType) {
     console.log(`Navigate to an Object Home for ${recordType.name}`);
     await browser.navigateTo(recordType.getObjectHomeUrl(baseUrl));
     console.log(`Load ${recordType.name} Object Home page`);
-    const objectHome = await utam.load(ConsoleObjectHome);
-    const listView = await objectHome.getListView();
+    const objectHome = await utam.load(ObjectHome);
+    await objectHome.waitFor(async () => (await objectHome.getListViewManager()).isPresent());
+    const listViewManager = await objectHome.getListViewManager();
+    await listViewManager.waitFor(async () => (await listViewManager.getCommonListInternal()).isPresent());
+    const listView = await listViewManager.getCommonListInternal();
     const listViewHeader = await listView.getHeader();
 
     console.log("List view header: click button 'New'");
-    const actionLink = await listViewHeader.waitForAction('New');
+    const actionsContainer = await listViewHeader.getAuraActionsContainer();
+    const actionLink = await actionsContainer.getActionLink('New');
     await actionLink.click();
 
     console.log('Load Record Form Modal');
diff --git a/package.json b/package.json
@@ -44,7 +44,7 @@
         "isbinaryfile": "^5.0.0",
         "lint-staged": "^15.2.2",
         "prettier": "3.1.1",
-        "salesforce-pageobjects": "^8.0.0",
+        "salesforce-pageobjects": "^10.0.2",
         "wdio-utam-service": "^3.2.2"
     },
     "volta": {
diff --git a/scripts/generate-login-url.js b/scripts/generate-login-url.js
@@ -38,7 +38,7 @@ function getUpdatedEnvFile(filePath, url, timestamp) {
  * @returns {Promise<string>} the scratch org url fetched from the getUrlCmd
  */
 async function getScratchOrgLoginUrl() {
-    const getUrlCmd = 'sfdx force:org:open -p /lightning -r --json';
+    const getUrlCmd = 'sfdx org open -p /lightning -r --json';
     console.log('Executing the following command: ', getUrlCmd);
     const { stderr, stdout } = await exec(getUrlCmd, { cwd: __dirname });
     if (stderr) throw new Error(stderr);
diff --git a/wdio.conf.js b/wdio.conf.js
@@ -21,7 +21,16 @@ exports.config = {
         {
             maxInstances: 1,
             browserName: 'chrome',
-            browserVersion: '120.0.6099.62',
+            browserVersion: '139.0.7258.67',
+            'goog:chromeOptions': {
+                args: [
+                    '--no-sandbox',
+                    '--disable-dev-shm-usage',
+                    '--disable-gpu',
+                    '--disable-web-security',
+                    '--disable-features=VizDisplayCompositor',
+                ],
+            },
         },
     ],
     logLevel: 'debug',
diff --git a/yarn.lock b/yarn.lock
@@ -9729,10 +9729,10 @@ __metadata:
   languageName: node
   linkType: hard
 
-"salesforce-pageobjects@npm:^8.0.0":
-  version: 8.0.0
-  resolution: "salesforce-pageobjects@npm:8.0.0"
-  checksum: 10c0/26702b70711b70edccc3f8bc22e6f3487a66304cb112af6f702b33608707af2e362c3deabee25e134fbaa21bbf4f65766ad6699cefe5e77a41c4da1e95535b18
+"salesforce-pageobjects@npm:^10.0.2":
+  version: 10.0.2
+  resolution: "salesforce-pageobjects@npm:10.0.2"
+  checksum: 10c0/9a6a18adab1a65f1bd215c9842b66e734bde0ba568d4793846706bd4016822567463804aa69e095dd8c673a05bf6f9870778da077fe112202e28bc8bb03ef75a
   languageName: node
   linkType: hard
 
@@ -10738,7 +10738,7 @@ __metadata:
     isbinaryfile: "npm:^5.0.0"
     lint-staged: "npm:^15.2.2"
     prettier: "npm:3.1.1"
-    salesforce-pageobjects: "npm:^8.0.0"
+    salesforce-pageobjects: "npm:^10.0.2"
     wdio-utam-service: "npm:^3.2.2"
   languageName: unknown
   linkType: soft
