This test ensures we can find elements based on their aria-labelledby or aria-label attribute. We use a mock server running to serve the HTML defined in this page.
The mock server serves the content as text/xml, but the browser does not seem to mind.
variable defined: HTML= {{{
<html>
<body>
<div id="a1">A</div>
<div id="a2">
<div>A<span>KH<span>asdas<div>sadasd<p>jhsdhf</p> <strong>B </strong></div>dad</span>FGH</span></div>
asdasudia
</div>
<div id="a3">And some more</div>
<button aria-labelledby="a1">Button 1</button>
<input name="f" aria-labelledby="a2" value="Piet">
<div aria-labelledby="a3" value="Jan">
<input name="f2" aria-label="The button" value="Add">
<div name="f3" aria-label="The red button">Remove</div>
</body>
</html>}}}
| script |
mock xml server setup |
| add response |
<html>
<body>
<div id="a1">A</div>
<div id="a2">
<div>A<span>KH<span>asdas<div>sadasd<p>jhsdhf</p> <strong>B </strong></div>dad</span>FGH</span></div>
asdasudia
</div>
<div id="a3">And some more</div>
<button aria-labelledby="a1">Button 1</button>
<input name="f" aria-labelledby="a2" value="Piet">
<div aria-labelledby="a3" value="Jan">
<input name="f2" aria-label="The button" value="Add">
<div name="f3" aria-label="The red button">Remove</div>
</body>
</html> |
| $url<-[http://127.0.0.1:8000/FitNesseMock] |
get mock server url |
| script |
browser test |
| open |
$url->[http://127.0.0.1:8000/FitNesseMock] |
| note |
exact match of aria-labelledby |
| check |
value of |
B |
Piet |
| check |
value of |
And some more |
Jan |
| note |
contains match of aria-labelledby |
| check |
value of |
more |
Jan |
| note |
exact match of aria-label |
| check |
value of |
The button |
Add |
| note |
contains match of aria-label |
| check |
value of |
red button |
Remove |
| script |
mock xml server setup |
| stop |