Playwright in Action #3 | How to Handle Web Tables and Pagination using TypeScript

Welcome to Playwright in Action – Part 3! 🚀 In this video, we will learn how to handle Dynamic Web Tables and Pagination using Playwright with TypeScript. We will cover two practical examples: ### 1. Handling Dynamic Web Tables Learn how to retrieve data from a dynamic web table where row and column positions keep changing. In this example, we will: - Identify a specific row using Playwright's `filter()` method and `hasText`. - Fetch table headers and dynamically identify the CPU column using JavaScript's `findIndex()`. - Retrieve the CPU value using Playwright's `nth()` method. - Compare the table value with the CPU load displayed below the table. ### 2. Handling Table Pagination Learn how to navigate through multiple pages and validate the table data. In this example, we will: - Identify the pagination links dynamically. - Fetch and store the records displayed on the first page. - Navigate through the remaining pages using a loop. - Validate the active page number. - Verify that each page displays the expected number of rows. - Compare the data between consecutive pages. By the end of this video, you will understand how to handle dynamic tables and pagination without depending on hard-coded row positions, column positions, or page counts. This session is designed for **absolute beginners who are learning Playwright with TypeScript**. 📌 **Topics Covered:** - Playwright with TypeScript - Dynamic Web Tables - Web Table Automation - Locator Chaining - `filter()` and `hasText` - `findIndex()` in JavaScript - `nth()` in Playwright - `allTextContents()` - Table Pagination - Loops and Data Validation If you find this video helpful, please like, share, and subscribe to **Script and Execute** for more practical automation testing tutorials. Happy Learning! 😊 #Playwright #PlaywrightWithTypeScript #TypeScript #DynamicWebTable #WebTableAutomation #Pagination #PlaywrightTutorial #AutomationTesting #SoftwareTesting #ScriptAndExecute