Cypress Applitools Smoketest #2138
Open
+281,386
−12,676
Conversation
This file contains bidirectional Unicode text that may be interpreted or compiled differently than what appears below. To review, open the file in an editor that reveals hidden Unicode characters.
Learn more about bidirectional Unicode characters
|
Great work @blukmays! @marcosmoura could we get some eyes on this PR? |
|
@blukmays looks like there are some conflicts in the |
|
@marcosmoura pinging again. hoping to get some eyes on this and get it merged. Have you had a chance to take a look? |
|
@marcosmoura pinging again. thanks! |
|
@marqbeniamin I just saw the added labels. how can I assist with the needs more information? |
Sign up for free
to join this conversation on GitHub.
Already have an account?
Sign in to comment
Add this suggestion to a batch that can be applied as a single commit.
This suggestion is invalid because no changes were made to the code.
Suggestions cannot be applied while the pull request is closed.
Suggestions cannot be applied while viewing a subset of changes.
Only one suggestion per line can be applied in a batch.
Add this suggestion to a batch that can be applied as a single commit.
Applying suggestions on deleted lines is not supported.
You must change the existing code in this line in order to create a valid suggestion.
Outdated suggestions cannot be applied.
This suggestion has been applied or marked resolved.
Suggestions cannot be applied from pending reviews.
Suggestions cannot be applied on multi-line comments.
Suggestions cannot be applied while the pull request is queued to merge.
Suggestion cannot be applied right now. Please check back later.
Visual testing is a form of regression test that ensures that screens that were correct have not changed unexpectedly. This visual testing is done by saving screen snapshots at key points called checkpoints. These screenshots are then compared to previously stored baseline images, and any significant differences are reported, ignoring differences that a human couldn't perceive.
Cypress launches a headless Chrome where it runs the tests. Applitool's SDK then takes DOM snapshots w/ styles from that headless Chrome and sends them to Applitool's servers where it renders those results in Chrome and then takes a screenshot of that result and does its intelligent comparisons against the baseline. The baseline is created the first time you run it.
You'll need to create an Applitools account. and export APPLITOOLS_API_KEY=valuehere your API key in your local environment if you run it locally.
To write the first Applitools, Cypress documentation was followed step by step. The smoke test was created by first creating an account with Applitools and gaining an API provided by Applitools. Once Cypress has been installed, there is a Cypress folder with several folders integrated into them, these folders will give a base to creating a test which can be followed in the following tutorials below.
https://www.cypress.io/ https://applitools.com/tutorials/cypress.html
Documentation on Applitools SDK can be found at https://applitools.com/docs/topics/overview/overview-writing-tests-with-eyes-runner.html