Playwright UI Verifications | Playwright Tutorial - part 36

• 00:40 Verifying if an element is disabled
• 03:00 Verifying if an element is editable
• 04:02 Verifying if an element is enabled
• 05:12 Verifying if an element is hidden
• 05:40 Verifying if an element is visible
• 06:24 Checking a radio button
• 07:29 Checking a checkbox

The video explains the basics of UI verification functions using Playwright in VS Code. The contents of the video include:

• Introduction to basic UI verification functions such as checking if an element is enabled or disabled, visible or hidden.
• Demonstrating how to use Playwright in VS Code to perform UI verification.
• The instructor creates a folder called "UI Verification" and a TypeScript file called "basic_verification.test.ts".
• The instructor inspects the webpage and copies the CSS value of a disabled text box to verify if it is disabled.
• The instructor uses the "isDisabled" function to verify if the element is disabled and writes an expect condition to check if it is true.
• The video shows the test execution and explains the results.
• The instructor then demonstrates how to check if an element is editable, using the "isEditable" function and an expect condition.
• Next, the video explains how to check if an element is enabled using the "isEnabled" function and an expect condition.
• The video explains how to check if an element is hidden using the "isHidden" function.
• The video explains how to check if an element is visible using the "isVisible" function.
• The video shows examples of using these functions to perform UI verifications on a radio button and checkbox.
• The instructor demonstrates how to select and uncheck a checkbox using Playwright.
• The video concludes with a summary of the covered topics and an invitation for viewers to ask questions or provide feedback.