Discovering a specific URL link element within the DOM using webdriver.io

I am currently utilizing webdriver io for conducting tests on a webpage. I am in need of verifying the existence of an element with a specific href on the page.

I have attempted to achieve this using the following

snippet

var client = webdriverio.remote(options);

     .elements('.mylinkclass', function(err,res) {
        res.value.forEach(function(elem){
                client.getText(elem).then(function(text) {
                if (text=="www.superweb.com"){
                   console.log("allright!");
                }
            })
        })
javascriptseleniumwebdriver-io

Answer №1

When writing your code, make sure to specify the exact element you want by using a CSS selector with the 'href' attribute value. This will ensure that you only select elements with the specified attribute:

client
.element("a[href='http://www.superweb.com']") // this will target specific 'a' elements with the given href attribute
.then(function(elem){
    console.log(elem); //element found!
})
.catch(function(err) {
    console.log("err", err); //will run if no elements match your URL
});

Consider using the link text selector for more targeted selection:

<a href="http://www.superweb.com">www.superweb.com</a>

client.getText('=www.superweb.com', function(err, text) {
    console.log(text);
});

For more information on selectors in webdriver, check out:

Similar questions

If you have not found the answer to your question or you are interested in this topic, then look at other similar questions below or use the search

Is it possible to insert a second hyperlink into a JavaScript-occupied anchor?

Check out my reference page at: To change the content in a 'containerarea' div, I am utilizing Dynamic Drive's "Dynamic Ajax" script. Below is an example of the anchor code used: <a href="javascript:ajaxpage('videos-maintenance/app ...

javascriptajaxanchor

I'm having trouble pinpointing the cause of the never-ending loop in this React code that is using Material UI grid

There seems to be an issue with infinite looping in this code, and I can't figure out the cause, import React, { useEffect, useState } from 'react'; import VideoCardComponent from './VideoCard'; import Grid from '@mui/material ...

javascriptreactjsmaterial-ui

Vue Loader: Multiple loaders for a single file extension

Currently, I'm experimenting with incorporating SVG into my vue-loader/webpack template project. I'm in need of loading different types of SVGs: Icons: these are utilized within my components and loaded using svg-inline loader for customizatio ...

javascriptsvgwebpackvue.jsvue-loader

Using Angular to share JSON data efficiently between controllers

Greetings everyone, I am a beginner in Angular and not very skilled with JavaScript. The issue I'm facing is that although this setup successfully fetches the JSON data, whenever I modify certain object properties, they revert back to their original s ...

javascriptjsonangularjsservicecontroller

Load an external script once the page has finished loading by leveraging the power of $(document).ready() in conjunction with $.getScript()

Is it possible to load a script in the header of a website instead of at the bottom? I've been trying but it's not working as expected. Here is an example of what I'm attempting: HTML file: <!DOCTYPE html> <html lang="en"> < ...

javascriptjqueryhtmlexternal

Is it possible to incorporate Selenium waits within a while loop in the code?

Currently, I am developing a script that runs continuously and should halt once it detects the presence of text in a specific element on the webpage. Despite my search through the Selenium Python documentation, I have not found any guidance on achieving th ...

pythonseleniumloopsselenium-webdriverwebdriverwait

In Vue, applying CSS styles to D3's SVG elements may not work as expected when using the scoped attribute

Here is the code snippet of my component: <template> <div id="something" class="card"> </div> </template> const height = 200; const width = 200; let graph = d3 .select('#something') .append('svg') ...

javascriptcssvue.jsd3.jssvg

Error: The property value supplied for the calc() function is invalid

<App> includes both <Header> and <Content> components. I am attempting to calculate the height of <Content>, which is equal to the height of <App> minus the height of the header. // App.js import { useStyles } from "./Ap ...

javascriptreactjsmaterial-ui

Determine if a specific checkbox with a particular id has been selected using JQuery

Looking for assistance on how to determine if a checkbox with a specific ID is checked or unchecked. <input name="A" id="test" type="checkbox" value="A" /> <input name="B" id="test" type="checkbox" value="B" /> <input name="C" id="test1" t ...

javascriptjquerycheckbox

Limiting the rate at which a function can be executed in NodeJS

I am facing an issue where I need to create an interval of five seconds during which a function can be executed. The reason for this is because I am monitoring an Arduino serial port, which sends multiple signals when a button is pressed. However, in my no ...

javascriptnode.js

Access multiple test cases with just one login using Selenium and JUnit

I am currently using Selenium 2.X coupled with JUnit 4.X for conducting automated tests. Within the test class, there are multiple test cases, each triggering a new session. For every individual test case: - A fresh browser window is launched, - The ...

seleniumjunit4

"Enhance your website with autocomplete feature using the power of jQuery 1.4.2 and jQuery UI 1

Struggling to make jQuery autocomplete work. Despite searching for examples, most seem outdated. Modeled after a good example from the jQuery UI site but still can't get it to display data. My JSON data source is accessed via URL. [{ "pk": 1, "mo ...

javascriptjqueryjsonautocomplete

My virtual assistant is having trouble finding a strange button element

Recently, I've delved into botting in an attempt to secure a higher quality graphics card. However, I've hit a roadblock with a particular button: button html. This button lacks any identifying information that would allow my bot to detect it. De ...

python-3.xselenium

Is there a way to determine the color of an element when it is in a hover state?

I recently started using the Chosen plugin and noticed that the color for the :hover on the <li> elements is a bright blue. I want to change it to a bold red color instead. https://i.stack.imgur.com/mcdHY.png After inspecting it with the Chrome too ...

javascriptjqueryhtmlcssjquery-chosen

Error: Vue is unable to access the property '_modulesNamespaceMap' because it is undefined

I've been working on a simple web app to enhance my testing skills in Vue using Vue Test Utils and Jest. However, I encountered an error related to Vue while trying to console log and check if AddDialog is present in my Home file. The error message I ...

javascriptvue.jsvuejs2jestjsvue-test-utils

What is the best way for my web application to interface with a serial port?

I am working on a cloud-based web application that uses ASP Web API and Angular, both hosted on Azure. I have a requirement for my Angular app to communicate with a serial port for reading and writing data. How can I achieve this functionality? I've ...

javascriptangularjsasp.net-web-apiserial-portgoogle-chrome-app

Stopping CSS animations at a specific point along the path without using timing functions can be achieved by implementing a targeted

Is there a way to pause an animation at the 50% mark for 2 seconds and then resume? P.S. The setInterval method is not recommended! function pauseAnimation() { document.getElementById("0").style.animationPlayState = "paused"; }; var pauseInterval = set ...

javascripthtmlcsscss-animationskeyframe

Tips for integrating the AJAX response into a Sumo Select dropdown menu

I am currently using Sumoselect for my dropdowns, which can be found at . The dropdowns on my page are named as countries, state, and cities. The countries are shown in the dropdown, and based on the country selected, the corresponding state name should a ...

javascriptjqueryajaxcodeigniter-3sumoselect.js

Material UI Appbar is throwing an error with an invalid hook call

For my project, I needed to create a simple app bar, so I decided to use the code provided on the Material UI website. Here is the component's code that I used: import React from 'react'; import { fade, makeStyles } from '@material-ui/c ...

javascriptreactjsreact-hooksmaterial-ui

unleashing the magic of AJAX: a guide to extracting

In my Symfony project, I am attempting to retrieve the content of an AJAX request in order to check the data using dump(). The purpose is to process this data and perform a SQL query. However, when I use dump() in my controller, there doesn't appear t ...

javascriptajaxsymfonyfullcalendar