Learn Playwright with Javascript

Learn to handle checkboxes with Playwright using check, uncheck, and is checked actions, and validate states with to be true/false while managing single and multiple checkboxes with locators.

Learn how to handle dropdowns in Playwright with JavaScript, covering select tag, bootstrap and hidden dropdowns, and select options by label, value, or index with targeted assertions.

Learn to handle bootstrap dropdowns in Playwright, supporting single and multi-select options, counting items with selectors, and selecting or deselecting Angular and Java.

Learn how to handle auto suggest dropdowns in Playwright by entering a value, waiting for dynamic suggestions, enumerating options, and selecting the matching item such as Anand Vihar.

Learn to handle hidden dropdowns in Playwright by using a debugger to inspect and select options from bootstrap dropdowns, including locating and clicking the desired item.

Learn to manage multiple pages in Playwright by creating a browser, a context, and multiple pages, then switch between them and handle new pages opened in the context.

Learn how to work with frames and iframes in Playwright by switching to frames via name or URL, or using frame locator to access and interact with elements inside frames.

Learn to handle inner frames and nested iframes in Playwright using frame objects and frame locators, capture child frames, and interact with elements inside.

Explore how to handle web tables with Playwright, including counting rows and columns, selecting products via checkboxes, filtering by name, and reading data across paginated pages.

Learn how to handle date pickers in Playwright with JavaScript, including direct fill, and building robust scripts that navigate months and years using while loops, next/previous arrows, and reusable patterns.

Learn to perform mouse hover actions in Playwright with JavaScript by hovering over desktop and Mac elements using the hover method, with selectors and wait steps.

Learn to perform a double click action in Playwright to copy text from the first input to the second and validate the result with an assertion.

Learn to perform drag and drop in Playwright with JavaScript using a direct drag to method and a hover-based approach, demonstrated by Rome to Italy and Washington to United States.

Group tests in Playwright using describe blocks, then orchestrate setup and teardown with before all, before each, after each, and after all hooks, and run groups with only and skip.

learn tagging concept in playwright by labeling tests with tags such as sanity and regression, and run selective tests using grep options, including combining or excluding tags.

Explore Playwright annotations such as test.only, test.skip, test.fixme, test.fail, and test.slow, with conditional skipping, timeout control, and practical examples for robust test design.

Explore the page object model in Playwright with JavaScript by organizing page elements into separate classes for login, home, and cart. Learn to reuse components across tests to improve maintainability.

Learn how Playwright automatically retries failed tests using the retrieve feature, understand flaky tests that pass on rerun, and configure retries globally or per test.

Learn to test rest APIs in Playwright using the request fixture to perform get, post, put, and delete requests. Validate responses and status codes such as 200, 201, and 204.

Explore the foundations of web applications, client-server architecture, and the roles of HTML, CSS, and JavaScript, then compare Java and JavaScript and trace JavaScript history.

Understand the document object model and how JavaScript manipulates HTML to create dynamic pages. Access the DOM with getElementById, update content with innerHTML, and connect JavaScript files for events.

Learn how to install Visual Studio Code, set up a Live Server extension, and write JavaScript with the document and console objects, including comments and statements for dynamic web pages.

Learn to use JavaScript conditional statements, including if, if else, and switch case, to control execution, compare values, and implement decision logic with practical examples.

Master JavaScript control flow with loops and jumping statements, including while, do while, for, and break/continue, and learn to iterate arrays and objects efficiently.

Explore creating and invoking JavaScript functions with parameters and return values, and build a dynamic HTML calculator that handles events and updates the UI.

Learn to create JavaScript objects, access and modify properties with dot and bracket notation, use for-in loops, and implement object methods with this keyword.

Create and manipulate a date object in JavaScript using getDate, getMonth, getFullYear, getHours, getMinutes, and getSeconds, then build a dynamic digital clock with HTML and JavaScript.

Explore strings and numbers in JavaScript, creating string literals and number values, and applying key methods like concat, replace, substring, split, trim, parseInt, parseFloat, and toString.

Learn how JavaScript uses object oriented programming with class, object, methods, and constructors, creating multiple objects, using this to store data, and automatic constructor invocation.

Learn how the static keyword in JavaScript creates shared class-level variables and methods, how to access them via the class name, and how static members differ from non-static ones.

Learn how JavaScript prototypes enable adding properties and methods to functions and classes at a later stage, and how objects share prototype-based attributes.

Explore polymorphism in JavaScript as a core object-oriented concept with shape, square, and circle classes, where the draw method is overridden to provide multiple forms.

Learn to convert JSON data to a JavaScript object using JSON.parse, then access data fields like employees, first name, last name, and address from the resulting object.