Comprehensive Testing with JavaScript and Sauce Labs

Sign up for a free Sauce Labs account, locate your username and access key, and set up using GitHub or a browser-based environment.

Set up a Gitpod environment by forking a repository, configuring upstream, and running Cypress and API tests, then input environment variables and run a web driver test against localhost.

Validate backend data with API testing by sending requests to endpoints using get, post, put, patch, and delete on JSON-based resources. Explore benefits of fast, reliable tests and business-logic verification.

Explore how a get request works by pasting a URL, inspecting the browser's network tab, and observing the status code and response data.

Automate a get exercise within the Cyprus repository, exploring the integration and network folders, and using the exercise and solution files to run tests and see how it works.

Learn to automate a get request using Cypress in a JavaScript testing workflow, create a new test, validate status codes 200 and 304, and check response length and IDs.

Explore post requests to create new records, validate 201 created responses, and test with valid, invalid, and empty bodies using Postman and API Fortress.

Automate the post by following instructions in the Cyprus integration network exercise to create new users and posts. Run tests with Cyprus GUI and validate API and UI responses.

Automate a post request by supplying the base url and body, expect a 201 status, then inspect the response body attributes such as the title using console logs.

Learn how to perform and test update operations using the put method to modify a single post within a posts collection, including constructing URLs and validating responses.

Automate a PUT request by updating an API resource: set the endpoint and body, send the request, and verify a 200 response; note a dummy API may not persist changes.

Automate a put request by swapping post for put and supplying a body to match the API, then log and inspect the response to compare status codes, noting non-201 results.

Open the localhost 3000 web app to practice testing a simple react application. Use remote explorer or the terminal to launch the app and navigate to the ultimate outcome.

Define the testing strategy and expected behavior for the app; decide test types and technologies. Validate rendering and links on Chrome and Safari, and explore accessibility, performance, and security tests.

Write a Cypress end-to-end test in the Cypress integration folder to verify the application opens in your ID, following the exercise spec and implementing the test.

Learn to run end-to-end ui tests with Cypress, observe commands and actions in the Cypress UI, and execute tests directly in Gitpod with automatic re-runs on save.

Validate the link by inspecting the ref attribute to determine its destination, instead of clicking to test navigation. Ensure the navigation leads to the correct url.

Test a link the right way with Cyprus, verify the link has the graph attribute and its value equals correct, and leverage GitHub Copilot and test runs on save.

Validate that a link opens in a new tab by testing the target attribute underscore blank, compare behavior with and without the target, and implement the same test in Cyprus.

Create automated tests that verify the URL opens correctly and remains unchanged, either by validating the URL in the main test or a separate test that checks a 200 response.

Visual end-to-end testing runs a test suite, captures browser screenshots, and compares them to a baseline to verify the app looks as intended and guide accept/reject decisions.

Run the visual end-to-end test by executing the suite, rendering screenshots, and comparing them to a baseline; if changes arise, decide if they are bugs or features, and repeat.

Perform visual end-to-end testing with WebDriver by capturing snapshots, configuring the project and viewport, and comparing against a baseline to detect and manage UI changes.

Configure a GitHub Actions CI workflow for a Node.js app, build production with npm run build, run Cypress functional tests and visual tests, and manage Sauce Labs secrets.