Playwright TypeScript: GenAI + MCP Servers + Cucumber BDD

Explore TypeScript naming conventions, from kebab case file names to Pascal case classes and camel case functions, and master variables and datatype basics with type annotations, unknown and any.

Explore functions in TypeScript, learn how to type parameters and returns, implement void and string-returning functions, pass and print arguments with console.log, and handle optional parameters and template literals.

Master arrow functions in TypeScript by building a simple two-parameter multiply function and logging the result. Explore function overloading with string and number variants and optional parameters.

Master loops in TypeScript applications, including while, do while, for, and for each, with nesting examples and practical print statements for arrays.

Explore abstract classes and abstract methods in TypeScript, learn why you cannot instantiate a base class, and how derived Chrome and Firefox drivers implement shared launch browser logic.

Learn how TypeScript interfaces enable multiple inheritance and compare them with abstract classes, using WebDriver to implement Chrome and Firefox drivers.

Implement getters and setters in TypeScript to encapsulate a private salary. Expose the value as a property and validate the setter for a positive amount, supporting automation frameworks.

Explore exception handling in TypeScript. Learn how try-catch, finally, and throw manage runtime errors and recover gracefully, with examples like division by zero and array index issues.

Install playwright quickly with npm init playwright, pick TypeScript, run tests via npx playwright test, and configure chromium in playwright.config.ts with headless: false to launch a browser.

Explore browser navigation and element locating in Playwright TypeScript with cucumber, using go to, go back, go forward, and reload, plus set view port size and locators for Gmail login.

Complete two automation assignments: search google for 'way to automation', count and print all page links in the console; then visit makemytrip.com, print the section values, and seek validation.

Learn to handle checkboxes in Playwright TypeScript by locating inputs with a css selector, counting matches, and looping through each checkbox inside a block using count and nth to click.

Complete the four checkboxes assignment in Playwright TypeScript with Cucumber BDD and live projects by ensuring all are checked, then randomly select two and print each checkbox text for validation.

Learn how to use Playwright assertions to validate URLs, titles, text, and element states, including visibility and checkbox checks, with positive and negative tests and clear logs.

Learn to handle mouse over menus in Playwright TypeScript with Cucumber BDD by hovering to reveal a submenu and clicking to navigate.

Execute JavaScript within the page to highlight elements with a red border using Playwright's evaluate, then take screenshots of the page or an element.