Course 3 – Agenda 

• Basics of Javascript for Automation
• Playwright Automation Testing
• Playwright / BDD cucumber Fw
• Git and GitHub
• CICD – GitHub Actions

JavaScript Basics for Automation

• Introduction to JavaScript 
• Variables and Datatypes 
• Conditional Statements 
• Loops 
• Functions 
• Arrow functions
• Objects 
• Working with Objects
• Arrays
• Working with Arrays
• Strings
• Working with Strings 
• Numbers
• Working with numbers
• Class 
• Constructor 
• Static 
• OOPs
• Synchronous vs Asynchronous 
• call backs 
• Promises 
• Async and Await

Playwright Automation Testing tool

1. Course Summary:
   1. Introduction to Playwright Automation tool
   2. Setting up Playwright, Writing the First Test
   3. Running Playwright Tests in command line, Playwright Hooks, grouping, tags and annotations 
   4. Page Object Model, Viewport, Fixtures
   5. Locators – Xpath and CSS and playwright In-built locators.
   6. Working with Checkboxes, Radio buttons and other web elements.
   7. Working with Dropdowns, Alerts, File upload, File download
   8. Video reporting, HTML reports, Allure reports
   9. API testing Integration, BDD Cucumber integration

2. Learning Outcomes:

After the Course, participants will exhibit competencies / Skills of:

1.  Understand Playwright from Scratch and build fast and reliable Automation tests for any Web Applications using Playwright
2. Practical knowledge in designing Playwright Automation frameworks from scratch.
3. Real-time hands-on Exercises to practice Playwright 
4. Parallelly with Videos for building confidence in the tool
5. Complete understanding of Playwright Components for generating test execution Videos, Screenshots & Reporting
6.  Participants will learn advanced architectural concepts like Page Object Modelling
7. Learn JavaScript fundamentals required for Playwright Automation testing.
8. Comprehensive knowledge of Playwright Methods and their usage with examples.
9. Understand how to Intercept Network/API requests & responses with Playwright.
10. Get Familiar with the Playwright Inspector tool, Trace Viewer & Code Gen (Record Playback) tools
11. Develop Playwright cucumber BDD Framework from Scratch with best practices.
12. Develop End-to-end Mocha Framework with Playwright utilizing all the features available in the tool.

3. Playwright Course Content:

1. What are the benefits of Automation?
2.  Why we do automation
3. When should you automate your software testing
4.  When should automation not be preferred
5. Selenium Vs Playwright
6. Cypress vs Playwright 
7. Playwright Introduction and Its Features
   • What is a Playwright? 
   • Why Learn Playwright? 
   • How does Playwright Work? 
   • What are the Key Differences between Playwright and other Automation Tools? 
   • Playwright Demo
8. Understand Playwright Architecture and its benefits
9. Environment Setup
   • Chrome & Firefox Browser Installation 
   • Prerequisites – [NodeJS Setup] 
   • NodeJs Setup 
   • Gitbash Setup 
   • VS Code Installation & Configuration
10. Playwright Setup
    • Playwright Installation & Setup 
    • NPM Installation & Update 
11. Playwright Overview
    • Playwright Opening for the First Time! 
    • Playwright Test Runner 
    • Playwright Project Structure 
12. Playwright API
    • Playwright API – Overview
13. Basic Playwright Commands 

∙ Command Activation & Inspecting Specific Playwright Commands 

∙ Goto & Click Command 

∙ Click Options 

∙ Type and Fill Command 

14. Creating Our First Test 

∙ Creating Our First Playwright Test – (Positive Test Case) 

∙ Creating Our First Playwright Test – (Negative Test Case) 

∙ Group test cases in playwright

∙ Get and assert Page title

∙ Get and assert Page URL

15. Playwright hooks, tags and Test Annotations.
16. Web first Assertions 
17. Browser context and Page fixtures
18. Playwright Configurations 
19. Running Playwright tests in multiple browsers – chrome, Firefox and Webkit
20. Playwright Inspectors, Trace Viewers & Codegen tools with Demo examples
21. Playwright TestRunner
22. Exploring the Playwright project Framework structure
23. Parallel & Cross Browser Testing
24. Web Elements & Selectors 

∙ Why do we need Selectors? 

∙ Document Object Model (DOM) & Elements 

∙ Practical In-Depth Look into Selectors 

∙ Selector Generator Tools 

∙ CSS Selectors 

∙ Xpath Selectors 

. Playwright In-built Locators 

25. Assertions 

∙ Why do we need Assertions? 

∙ Web first Assertions & Playwright Examples 

∙ Adding Assertions to our Existing Tests 

26. Triggering Tests via Command Line 

∙ Headless Browsers

∙ Non Headless Browsers

∙ Trigger Individual Tests 

∙ Trigger Group of Tests 

∙ Trigger tests using custom config file 

27. Logging 

∙ Playwright log 

28. Promises and the Then Command 

∙ Promises Real World Example 

∙ Playwright and Promises 

∙ then Command

29. Iterating through Elements 

∙ Iterating through Elements – Documentation & Preparation 

∙ Practical Example of Iterating through Elements 

30. Browser Navigation 

∙ Back, Forward, Reload 

31. Handling – Alerts 

∙ Handing Alerts – Documentation 

∙ Handling Alerts – Example 

32. Handling – Checkboxes 

∙ Handling Checkboxes

33. Handling – Radio Buttons 

∙ Handling Radio Buttons 

∙ Validating States of Radio Buttons (Checked & Unchecked) 

34. Handling – Drop-down Lists 

∙ Handling Drop-down Lists 

35. Autocomplete (Suggested) Lists 

∙ Handling Autocomplete Lists 

36. Mouse Actions 

∙ Scroll into View 

∙ Drag & Drop 

∙ Double Click 

∙ Right-click Assertions

37. Handling Data from Tables 

∙ Handling Data – Example 

38. File Upload 

∙ Introduction & Preparation 

∙ Uploading File(s) 

∙ Uploading no File(s)

39. Handling Elements 

∙ Tabs, 

∙ I-frames, 

∙ Shadow Elements, 

∙ Tables, 

∙ Links

40. Read file and Write file
41. Fixtures 
42. Overriding Default Settings 

∙ Playwright.config 

∙ Ignore Files 

43. Environment & Global Variables 

∙ Environment Variables 

∙ Setting up a Base URL 

44. Page Object Modelling 

∙ Page Object Modelling 

45. Configuring & Handling Timeouts

∙ URL Timeouts 

∙ Explicit Timeouts 

∙ Assertion Timeouts 

∙ Hard coded wait

∙ Wait for the condition on the element

∙ Wait for the event on the page

Synchronization (Waits)

∙ Auto wait, Local Timeouts, Test Spec Timeout,

∙ Global Timeout Config, Static Waits

46. Screenshots & Recordings 

∙ Capturing Screenshots 

∙ Recording Videos 

47. Viewport – Altering Screen Sizes 

∙ Altering Viewports – Configuring Size and Orientation 

48. Save session storage using Playwright and inject into new Browser context
49. Test Retries , Serial & Parallel execution & Tagging Tests in Playwright
50. Reporting 

∙ Inbuilt Reporters

∙ Allure Reports 

51. ∙ GitHub – Account Creation & Login 

∙ Visual Studio Code & GitHub – Setup 

∙ Committing and Pushing our Code (Framework) to GitHub 

∙ Pushing & Pulling New Changes 

52. API Test Automation 

∙ Playwright – API Testing integration

∙ Playwright – API Testing – GET

∙ Playwright – API Testing – POST

∙ Playwright – API Testing – PUT

∙ Playwright – API Testing – Delete

53. Intercepting with Playwright 

∙ Playwright – Spying 

∙ Playwright – Stubbing 

∙ Playwright –  Mocking 

54. Playwright – Cucumber 

∙ Playwright – Cucumber Integration

55. Convert excel to Json 

∙ Data driven testing using excel file

56. Playwright Changelog
57. GitHub Actions Integration
58. Playwright Limitations 

∙ Playwright Limitations 

59. Debugging

∙ Browser Settings, VS Code Node Debugger,

∙ Playwright Test Debugger with Inspector,

∙ Trace Mode

∙ Debug Console 

∙ Playwright Trace Viewer 

∙ Playwright Inspector 

60. Recording Script
61. Session Storage

• Course Resources:

1. https://playwright.dev/
2. https://cucumber.io/