CSS Selector/XPath Locator challenge - Worlds Worst Website (sorry in advance!)

Hi all,

I’ve been running a weekly locator challenge on my blog. I pick an element on a website, and ask everyone to create a locator using XPath or CSS Selector that will identify this element.

I’ve been particular mean this week, for 2 reasons:

  1. We are looking at the worlds worst website. It is a website that will hurt your eyes.
  2. I’ve not actually completed this weeks challenge. I’ve only found a solution that uses XPath. I’ve not yet solved it using CSS Selector.

Here is this weeks challenge.

Go to the tipz page on the worlds worst website:

Create a locator using XPath or CSS Selector that will identify the tip message. It must not include the index or position number. If another paragraph element were to be added to the page, then the locator should not need editing or updating:

Visit my blog for more information about this challenge:

1 Like

My browser, tells me that this is not actually a real website.

Curious now though, is there mutation test case data that objectively verifies the non-unbreakability of any single solution?

1 Like

Interesting, mine works. It looks like this. Horrible isn’t it, especially from an accessibility point of view.

1 Like

If it helps, here is a screenshot of the elements in devtools. The grey element is the one we’re trying to identify.

Not really, these are websites which I don’t really have any control over. If it was a website I was actually testing, then mutation testing would be possible. Let’s face it, as testers there are probably many changes we’d recommend for this website.


This beast is actually responsive! :sweat_smile:

ha ha they left an actual email address! wonder if it actually works.

Wowzers to that website! :sweat_smile:

Reminds me of https://www.lingscars.com/