🔠Want to automate and scale your Playwright end-to-end tests?
Head over to Better Stack and start monitoring in 5 minutes.
How to Get an Element's Attribute in Playwright
Better Stack Team
Updated on February 22, 2024
Playwright provides a native getAttribute() method on a locator for retrieving
the attribute of any element:
const dataActionValue = await page.getByRole('button').getAttribute('data-action');
To make assertions on the value of an attribute, use toHaveAttribute() as
follows:
await expect(page.getByRole('button')).toHaveAttribute('data-action', 'cancel');
Thanks for reading, and happy coding!
Got an article suggestion?
Let us know
Explore more
End-to-End Testing with Playwright
Learn to learn to develop and execute Playwright test scripts, utilize its time travel debugging capabilities, and proactively identify visual regressions in this hands-on guide
Guides
How to Check an Element's Existence in Playwright
Learn how to check whether an element exists or is visible in Playwright
Questions
How to Get the Current Page URL in Playwright
Retrieving the current page's URL is straightforward in Playwright using `page.url()`
Questions
Playwright Testing Essentials
Explore the basics of Playwright in this guide covering its key features and setup, with examples demonstrating end-to-end web app testing
Guides
This work is licensed under a Creative Commons Attribution-NonCommercial-ShareAlike 4.0 International License.
-
End-to-End Testing with Playwright
Learn to learn to develop and execute Playwright test scripts, utilize its time travel debugging capabilities, and proactively identify visual regressions in this hands-on guide
Guides -
How to Check an Element's Existence in Playwright
Learn how to check whether an element exists or is visible in Playwright
Questions -
How to Get the Current Page URL in Playwright
Retrieving the current page's URL is straightforward in Playwright using `page.url()`
Questions -
Playwright Testing Essentials
Explore the basics of Playwright in this guide covering its key features and setup, with examples demonstrating end-to-end web app testing
Guides
Make your mark
Join the writer's program
Are you a developer and love writing and sharing your knowledge with the world? Join our guest writing program and get paid for writing amazing technical guides. We'll get them to the right readers that will appreciate them.
Write for usWriter of the month
Marin Bezhanov
Marin is a software engineer and architect with a broad range of experience working...
Build on top of Better Stack
Write a script, app or project on top of Better Stack and share it with the world. Make a public repository and share it with us at our email.
community@betterstack.comor submit a pull request and help us build better products for everyone.
See the full list of amazing projects on github