MIT License
In this workshop you will learn some of the latest tools and techniques to improve your ability to test modern web applications.
You will analyze risks and how to prevent those risks with e2e testing, component testing, and Github Actions.
Before we start, open this in a new tab and let the container load. Takes a few mins. Longer for slower internet.
how to test a React web app using different types of tests
E2E ui tests w/ Cypress 10
Visual testing w/ Cypress 10 and Happo.io
Performance and accessibility testing
And maybe more...
Today, we're asking for donations for Environmental Working Group
We're advocates who won't quit. We're scientists that find solutions. We're people trying to make the safest choices for our health. At the Environmental Working Group, we believe that you should have easy access to the information you need to make smart, healthy choices. Its this belief that inspired our president and co-founder, Ken Cook, to create EWG.
Since 1993, we've worked tirelessly to protect public health. Whether it's spotlighting harmful industry standards, speaking out against outdated government legislation or empowering consumers with breakthrough education and research, we're in this fight.
And we're not going anywhere.
While the event is free, Sauce Labs encourages all attendees to
Anything helps!
100% of donations go to support the cause.
this is a tip
this is an exercise for you to do
this is a question for us to think and talk about. Try not to scroll beyond this question before we discuss
The safest way to ensure that we all have the same environment is for us to use Gitpod for our workshop. However, if you are comfortable doing so, you are free to setup the environment on your machine as well.
Gitpod lets you run an entire Dev environment from a browser! You can use this approach if you don't know how to setup a local environment.
Important! Give the repo a or you can't participate in the workshop just kidding of course
Keep the app running, we will need it to run some sanity tests
In a new terminal, run the following commands in that Terminal to set your HAPPO_API_KEY
, HAPPO_API_SECRET
:
eval $(gp env -e HAPPO_API_KEY=<key>)
eval $(gp env -e HAPPO_API_SECRET=<secret>)
Youu can run the following commands to test your environment variables:
echo $HAPPO_API_KEY
echo $HAPPO_API_SECRET
Run sanity tests
If your tests run in US Datacenter
npm run test:sanity
nvm --version
nvm install --lts
node --version
and seeing v16.x
or similarnvm list #will show all versions
nvm use 16 #to use 16
nvm alias default 16.14.x #to set it to the default
git clone URL_OF_YOUR_FORK