How to Check an Element's Value in Playwright

With the release of Playwright version 1.20, the framework introduced the toHaveValue() assertion, enhancing the process of verifying the value held by elements such as input fields:

await expect(page.locator('input#name-input')).toHaveValue('John Doe');

This assertion also supports the use of regular expressions for more dynamic checks:

await expect(page.locator('input#name-input')).toHaveValue(/\w+/);

When dealing with select elements that permit multiple selections, the toHaveValues() assertion comes into play, allowing verification against multiple expected values:

await expect(page.locator('select')).toHaveValues([/Red/, /Green/]);

If your intention is merely to retrieve an element's value without making an assertion, the inputValue() method is applicable for <input>, <textarea>, and <select> elements:

const value = page.locator('input#name-input').inputValue();

For retrieving text from other element types, innerText() is the method of choice, while toHaveText() serves to assert the text content:

const value = await page.getByRole('heading').innerText();

await expect(page.getByRole('heading')).toHaveText('A heading');

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

The Top 10 Playwright Alternatives in 2024

Playwright is a powerful, open-source, front-end monitoring tool, but it's not right for everyone. Check out these Playwright alternatives.

Comparisons

How to Check an Element's Existence in Playwright

Learn how to check whether an element exists or is visible in Playwright

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.