← Back to Discord Forum

Search for href attribute

Hello, how can i search for mylink.com and Linkname ? I tried alot like getByAttribute href.. or normal locator, it doenst find it. Can you help me or give hint how to validate that when i click on the name this links me to the site

<a href="https://mylink.com" target="_blank" rel="noreferrer"><div class="mantine-Text-root mantine-1aavwuy">Linkname</div></a>

This thread is trying to answer question "How can I search for a specific link and link name in my code and validate that it links to the correct site?"

0 replies


Validating Links with Playwright

You can easily validate links in your code using Playwright's locators and assertions.

First, locate the link by its text content using the getByText() method. For instance, to find a link named "Ray", use:

await page.getByText('Ray');

If your links have specific attributes like href, use getByRole() or getByTestId() with filtering options:

await page.getByRole('link', { name: 'Ray' });

To verify the link leads to the right site, click on it and check the resulting URL. Here's how:

const link = await page.getByText('Ray');
await link.click();

const currentUrl = await page.url();
const expectedUrl = 'https://ray.run/';

if (currentUrl === expectedUrl) {
  console.log('The link leads to the correct site.');
} else {
  console.log('The link does not lead to the correct site.');

In this example, we first click on the located link using .click(). Then we retrieve the current URL using .url() and compare it with the expected URL.

Remember to replace 'Ray' with your desired link name and adjust the expected URL accordingly.

For more on Playwright, check out Mastering Playwright Test Automation: Your Comprehensive Cheat Sheet.

Related Discord Threads

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.