Repository files navigation

This repository provides a template for setting up E2E UI test automation withUTAM (UI Test Automation Model) in Salesforce DX projects.In addition to the basic test setup configuration, a number of sample test cases are included to help you get started with UTAM. The configuration shown here was set up based on the contents of the following two repositories:

• UTAM JavaScript Recipes | Various examples of how to test the Salesforce UI with UTAM
• Salesforce E-Bikes App | LWC sample application with UTAM UI tests

To use this template, theNode version specified in thepackage.json and the latest version of theSalesforce CLI should already be installed.

Follow the steps below to get the template running and manually execute the sample tests already included. The sample tests should be generic enough to run in any Salesforce Org without specific configuration, such as a Trailhead Playground.

1. First clone the repository and open it with VS Code, install all the recommended extensions and run the following command to install all required dependencies:

   npm install

2. Next you need to authorize an org for which you want to run the tests. In VS Code this can be done by pressingCommand + Shift + P, enter "sfdx", and selectSFDX: Authorize an Org. Alternatively you can also run the following command from the command line:

   sf org login web

3. Compile all UTAM page objects:

   npm run test:ui:compile

4. Prepare the Salesforce login information:

   npm run test:ui:generate:login

5. Finally, execute all existing UI tests:

   npm run test:ui

Note: By default, the tests are executed in headless mode with the given configuration, i.e. the browser does not open visibly but runs tests in the background. This configuration is primarily intended for automatic execution in CI/CD pipelines. To deactivate the headless mode for local development and testing purposes, please comment out the following line inwdio.conf.js:

args: ['--headless']

Creating UTAM tests is not trivial and the setup may involve one or two hurdles. Fortunately, there is a handyUTAM Chrome Browser Extension to help with writing the tests. This extension helps to identify the page objects of interest directly in the Salesforce org and generates the corresponding test code in the selected language:

UTAM tests can also be executed automatically in headless mode within a pipeline. The following Medium article describes how to an automated UTAM test execution in detail:

Automate Salesforce E2E Testing using UTAM & GitHub Actions

Below is an example with GitHub Actions, which is also used in this repository and can be found in the.github directory:

tests:  name: E2E UI Tests  runs-on: ubuntu-latest  steps:    - name: Checkout      uses: actions/checkout@main      with:        fetch-depth: 0    - name: Select Node Version      uses: svierk/get-node-version@main    - name: Install Dependencies      run: npm ci    - name: Install SF CLI      uses: svierk/sfdx-cli-setup@main    - name: Salesforce Org Login      uses: svierk/sfdx-login@main      with:        client-id: ${{ secrets.SFDX_CONSUMER_KEY }}        jwt-secret-key: ${{ secrets.SFDX_JWT_SECRET_KEY }}        username: ${{ secrets.SFDX_USERNAME }}    - name: Compile UTAM Page Objects      run: npm run test:ui:compile    - name: Prepare Login Details      run: npm run test:ui:generate:login    - name: UTAM E2E Tests      run: npm run test:ui

• UTAM Website | Official UTAM Documentation
• Run End-to-End Tests with the UI Test Automation Model (UTAM) | Post in Salesforce Developers' Blog
• Run End-to-End Tests With UTAM | YouTube video that provides a 15min UTAM overview
• Getting Started with UTAM | YouTube video about a 1h step by step guide for writing a UTAM test
• Streamline E2E Testing with UTAM: Salesforce’s UI Test Automation Model | Medium Post
• Automate Salesforce E2E Testing using UTAM & GitHub Actions | Medium Post