GridMate - End to end testing is a critical piece to ensure quality and avoid regressions

End to end testing is a critical piece to ensure quality and avoid regressions. In this session, we share our journey building an E2E testing pipeline for GridMate components (LWC and Aura) using Cypress, JSForce, FakerJS…

1. Build an End-to-End testing pipeline for
Lightning Components

2. 1
About Us
GridPal, LLC - an ISV partner founded in 2019.
We're on a mission to separate users from their
spreadsheets and uncover ways to increase
Salesforce performance of organizations!
2018
GridMate next chapter
We invested a lot in R&D to provide
more powerful components and
features and take this product to next
level.
2019
GridMate as a paid product
GridMate isn’t just inline editing, it’s a
set of powerful components and
features to simplify complex data
capture and processing
2016
GridMate Bootstrapped
v.1 of GridMate was shared with the community
to get feedback. We moved forward to list it on
the AppExchange after receiving positive
feedback.
2017
Appexchange Listing
GridMate has been listed on the
appexchange since 2017 as a free package. It
has been adopted by more 2000+ orgs
globally.
GridMate - a suite of lightning components
enhanced to fit the needs of our Salesforce
community to simplify the complex data
management by yielding an actionable UI/UX.
2024
GridMate today
With over 400 customers globally in
various industries, GridMate has offices
in North America, Europe and Asia.

3. 2
Testing Pyramid Layers
The top layer of the pyramid is end-to-end testing,
which tests the entire application workflow from start
to finish.

Some of the key benefits are:
●Avoid Regressions
●Ensure Backward compatibility
●Increase Confidence
●Time and Cost Savings
●Increased Productivity

4. 3
E2E Landscape
UTAM

5. 4
Why Cypress?
1.Easy Setup
2.Time Travel
3.Cross-browser Testing
4.Automatic Waiting
5.Real-time Reloads
6.Support E2E and component testing
7.Clean and well documented API
8.Modern framework aligned with our tech stack (Javascript)

6. Demo

7. 5
Structure your test library
“GridMate is a Lightning
components library. It was
obvious to structure our tests
by components and our test
specs by family of features
(global actions, grid explorer,
interactive filters…)”

8. 6
How to log into Salesforce?

9. Demo

10. 7
DRY using Cypress commands
“Building a command library is a key for any cypress project. It reduces the
test maintenance and ensures the governance of the test framework”

11. 8
Use third party libraries

12. Demo

13. 9
Integrate all this stuff in a CI/CD pipeline.
Code Push
New Release

14. Q&A

15. Merci…