🔠Want to automate and scale your Playwright end-to-end tests?
Head over to Better Stack and start monitoring in 5 minutes.
Playwright encourages using
locator methods to select elements on
your web pages. To read textbox values, you can use the
inputValue()
method on a locator pointing
to the textbox. Here's how:
import { test, expect } from '@playwright/test';
test('Read textbox value', async ({ page }) => {
await page.goto('https://yourwebsite.com');
const textboxLocator = page.locator('#myTextbox');
const textboxValue = await textboxLocator.inputValue();
console.log(textboxValue);
});
You can also combine getting and verifying the value of a textbox in a single step like this:
import { test, expect } from '@playwright/test';
test('Read textbox value', async ({ page }) => {
await page.goto('https://yourwebsite.com');
const textboxLocator = page.locator('#myTextbox');
await expect(textboxLocator).toHaveValue('my_value');
});
Thanks for reading, and happy coding!
Head over to Better Stack and start monitoring in 5 minutes.
Checking or asserting on the value of any element is straightforward in Playwright
Learn how to change Playwright's default timeout settings for various tasks
Explore the basics of Playwright in this guide covering its key features and setup, with examples demonstrating end-to-end web app testing
Explore 9 essential Playwright best practices to enhance the reliability, efficiency, and effectiveness of your end-to-end tests
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 usWrite 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