Rayrun
← Back to videos

See the moves - Slider | Playwright Tutorial Part 62

Slider automation using Playwright.

The video is a tutorial on how to automate a slider using playwright. The tutorial explains that sliders are typically built with the input type range, but in this case, the slider is built with div and custom CSS. The speaker demonstrates how to identify the slider element and its properties, such as the height, width, and coordinates. They also explain that sliders have different ranges and values, so it's important to understand how the specific slider works.

The video demonstrates how to move the slider by clicking and dragging it using the mouse move function. The speaker also explores the challenge of finding the correct movement value, as it can vary for different sliders. They show how to update the value of the slider within a loop and set a condition for the loop to continue until a target value is reached. The tutorial emphasizes the importance of trial and error in finding the correct movement value.

Overall, the video provides a step-by-step guide on automating a slider using playwright, discussing the challenges involved and offering insights into finding the correct movement value.

Related Videos

Playwright - Set timeout, parallelisation and retries directly in your test files
Playwright - Set timeout, parallelisation and retries directly in your test files
Element Handle VS Locator API | Playwright Tutorial - Part 47
Element Handle VS Locator API | Playwright Tutorial - Part 47
Playwright Version 1.14 | Playwright Tutorial - Part 45
Playwright Version 1.14 | Playwright Tutorial - Part 45
First Script - Auto Waits | Playwright - Part 3
First Script - Auto Waits | Playwright - Part 3
TwitterGitHubLinkedIn
AboutQuestionsDiscord ForumBrowser ExtensionTagsQA Jobs

Rayrun is a community for QA engineers. I am constantly looking for new ways to add value to people learning Playwright and other browser automation frameworks. If you have feedback, email luc@ray.run.