2023 Full Stack SDET Guide with Playwright

Explore JavaScript conditionals, mastering if, else, and else if blocks, with practical examples like 82 > 2 and one equals one to control code execution.

Explore JavaScript arrays, create them with new Array or square brackets, access elements by index, and use length with common operations like push, unshift, pop, shift, and splice.

Work through a donuts array coding challenge by counting length, removing last item with pop, adding at start with unshift, locating indices with indexOf, removing with splice, and printing array.

Explore JavaScript loops, including the for loop, for each, while, and do-while, and learn how array indexing, length, and a counter control repeated iterations with practical examples.

Master core JavaScript concepts such as conditionals, scope, loops, and arrays, and prepare to dive into the main Playwright course in the next session.

Master JavaScript functions, objects, and classes on day three, then transition to the Playwright tool for your next steps.

Implement a JavaScript function that calculates paint cans needed by computing height times width, dividing by five, and rounding up with Math.ceil to ensure whole cans.

Build JavaScript objects with name value pairs using const, access properties via dot notation, and explore the this keyword, including event this.

Launch into Playwright, log into a sample app with a Hello World test, and explore locator strategies, the page object model, and the full Playwright tour.

Initialize a Playwright project with npm init playwright and run sample tests using npx playwright test across Chromium and Firefox.

Explore the Playwright init tour and hands-on test examples, covering async/await, promises, and test structure. Learn config, project setup, running in headed mode, parallel tests, device views, and trace viewing.

Learn to implement the page object model in Playwright by creating page classes and element locators to reduce duplication and manage login, wrong password, no username, and logout tests.

Navigate the ui testing playground to tackle your first automation challenge, building a text input that updates a button with entered text using a page object model in Playwright.

Set up a base URL in Playwright config, group tests, run them in parallel, and refactor by moving models and organizing home page tests for UI testing on playground website.

Master dialog boxes, scrollbars, and text extraction with Playwright in the ui test automation playground. Learn to capture dialog messages, auto dismiss, and read inner text on pages.

Learn to automate a progress bar task with Playwright by starting the bar, looping until it reaches 75%, then stopping, using page selectors and a JavaScript loop to monitor progress.

Apply web scraping in Playwright to collect all anchor tag text from the home page, build a link list, and validate indices with expect for dynamic table readiness.

Learn git configuration at the global level, set user name and email, and configure the core editor. Master add, remove, and commit practices with descriptive messages and frequent pushes.

Explore git diffs, diff tools, and aliases to streamline version control, and learn how to fork repos on GitHub and submit pull requests.

Learn how APIs act as intermediaries between applications, enabling quick, robust tests of data quality across RESTful, SOAP, and GraphQL APIs, with pet store and Pokemon API examples.

Set up a poke api testing project with Playwright and a request fixture to fetch json data, explore the endpoint, and extract moves like water gun and hydro pump.

Demonstrates json schema testing for the pokey API by generating a schema with easy json schema, importing forms, and validating that form types remain consistent between frontend and backend.

Kick off a Playwright project by creating a Pet Store API repo, initializing Playwright, and commenting out two of three test runners in the config for JavaScript tests in Chromium.

Explore the pet store api to learn query parameters with the find by status endpoint, base url setup, swagger docs, and validating responses using playwright tests.

Execute post and put requests in Playwright against the pet endpoint using Swagger OpenAPI, creating and updating Mickey Mouse with Disney tags, validating a 200 status and JSON response.

Create a post request to add data, verify with a get, then update with a put and confirm via another get, reusing two data files and running Playwright tests.

Tackle the final API challenge by testing the store endpoint with get, post, and delete requests using a store order Json, and verify status and id via Playwright tests.

Learn to fix local environment by using dotenv to load sensitive variables from a .env file, configure process.env for Playwright tests, and ignore the file to protect credentials.

Explore workflow triggers in GitHub actions with Playwright, including push, pull request, schedule, and workflow dispatch. Learn branching strategies and how to run workflows manually.

Configure GitHub actions workflow inputs with the workflow dispatch event to customize node version, npm install, and Playwright runs. Drive conditional steps and artifact upload using input parameters.

Learn to run tests in ui mode by executing npx playwright test -- ui, load the interface, and watch tests update in time while exploring the console, network, and attachments.

Master global setup in Playwright by using dependencies and storage state to capture cookies on Wikipedia, and configure environment variables with a Chromium project for robust test runs.

Explore visual comparison testing with Playwright, capturing screenshots and comparing them to baseline images to spot visual differences across browsers like WebKit, Firefox, and Chrome, yielding faster feedback and documentation.