1.
Run end-to-end tests with the
UI Testing Model (UTAM)
Philippe Ozil, Developer Advocate, Salesforce
@PhilippeOzil

2.
#CD22
E2E tests include automated
UI tests and functional tests
Closest tests to actual end-
user behavior
Expensive and fragile
Best practice: “shift left”
About End-to-End (E2E) tests
E2E
Integration
Unit

3.
#CD22
OSS tool built by Salesforce
Complements an E2E test runner
Simplifies E2E tests and make them robust
Used internally by Salesforce engineering teams
Introducing UI Testing Model (UTAM)

4.
#CD22
UTAM Overview
Test Runner
UTAM
JSON Page Object
Compiled Page
Object (JS, TS or Java)
Test
Browser
Uses
Compiles
into
Controls
Page
under
test
Loads and interacts with
References
DOM elements

5.
#CD22
Built with modularity and reusability in mind
Decouples test code from CSS selectors
Supports JS, TS and Java
Can test any type of app (Salesforce, third party, mobile…)
Works well with Web Components
Base Page Objects provided by Salesforce
Simpler E2E tests with UTAM

6.
#CD22
Time for a demo

7.
#CD22
E-Bikes’ Product Explorer page structure
Lightning Experience
Current flexipage (Lightning app page)
App navigation bar
Page template (3 columns layout)
Left region Center region Right region
c-product-filters c-product-tile-list c-product-card
lightning-card lightning-card
lightning-input
c-paginator
c-product-tile[]
lightning-button-
icon
lightning-input[]
lightning-slider

8.
#CD22
One last demo

9.
#CD22
Shift left as a priority
UTAM is a game-changer E2E tests
Give it a try, the docs and tutorials are great
Closing words

10.
#CD22
Official website: utam.dev
Sample repos
● github.com/trailheadapps/e-bikes
● github.com/salesforce/utam-js-recipes
● github.com/salesforce/utam-java-recipes
Resources

11.
Thank you! #CD22
@PhilippeOzil