Try   HackMD

ChroPath for Chrome and Firefox - xpath and cssSelector

https://browsee.io/blog/chropath-a-quick-way-to-get-and-verify-xpath-and-css-selectors/

Install and access

Install from chrome web store

Image Not Showing Possible Reasons
  • The image file may be corrupted
  • The server hosting the image is unavailable
  • The image path is incorrect
  • The image format is not supported
Learn More →

Can see the ChroPath by using F12 on Chrome of the target website

Image Not Showing Possible Reasons
  • The image file may be corrupted
  • The server hosting the image is unavailable
  • The image path is incorrect
  • The image format is not supported
Learn More →

Usage

Choose Rel Path XPath (related XPath) and keyin the keyword of the selector //td[contains(text(),'WL1XXB0029')]/preceding::td/div and press Enter

Image Not Showing Possible Reasons
  • The image file may be corrupted
  • The server hosting the image is unavailable
  • The image path is incorrect
  • The image format is not supported
Learn More →

Use Axes to locate the element

//a[contains(text(),'WL1XXB0029')]/parent::div/parent::td/preceding::td/div

Image Not Showing Possible Reasons
  • The image file may be corrupted
  • The server hosting the image is unavailable
  • The image path is incorrect
  • The image format is not supported
Learn More →

tags: xpath selector ChroPath test automation software test
Last changed by 
 
Jen Chen
Software Developer
0
427

Read more

Vercel - Environment Variables and CLI (vercel env)

Vercel is an end-to-end platform for developers, that allows you to create and deploy your web application. Vercel provides the following features to enable you to serve fast and personalized content to your users:

Jun 17, 2023
Java - Connect to remote SQL Server using DriverManager class on Maven project

https://docs.microsoft.com/en-us/sql/connect/jdbc/working-with-a-connection?view=sql-server-ver15

May 25, 2023
Typescript + Cucumber data table

https://www.sitepoint.com/bdd-javascript-cucumber-gherkin/ https://vinodmuralidharan.medium.com/cucumber-js-data-table-guide-a2447b74c86e Different between the data tables and Examples At least two columns .feature file Scenario: Category dropdown When the user navigates to the home page When the user selects a category from the category dropdown:

May 25, 2023
Typescript - Generic Object Types

https://www.typescriptlang.org/docs/handbook/2/objects.html interface ArrayType<Type> { length: number; slice(start: number, end: number): Type; } function getShuffledArray<Type extends ArrayType<Type>>(array: Type): Type { for (let i = array.length - 1; i > 0; i -= 1) { const j = Math.floor(Math.random() * (i + 1));

May 25, 2023
Read more from Jen Chen
Published on HackMD