Feature: First test
File name: first-test.feature
Relative path: e2e/first-test.feature
When
I visit path "https://e2e-test-quest.github.io/weather-app/"
Then
I should see a title named "Welcome to Weather App - Testing means doubting"
+ Show Error
+ Screenshot
Timed out retrying after 6000ms: Unable to find an accessible element with the role "heading" and name "Welcome to Weather App - Testing means doubting"
Here are the accessible roles:
document:
Name "":
(body /)
--------------------------------------------------
navigation:
Name "":
(nav
_ngcontent-ioi-c22=""
class="navbar navbar-expand-lg navbar-dark bg-dark"
/)
--------------------------------------------------
link:
Name "Weather App's Logo":
(a
_ngcontent-ioi-c22=""
class="navbar-brand"
href="#"
/)
Name "Home":
(a
_ngcontent-ioi-c22=""
aria-current="page"
class="nav-link active"
href="#"
/)
--------------------------------------------------
img:
Name "Weather App's Logo":
(img
_ngcontent-ioi-c22=""
alt="Weather App's Logo"
height="50"
loading="lazy"
role="img"
src="./assets/images/logo.png"
width="50"
/)
--------------------------------------------------
list:
Name "":
(ul
_ngcontent-ioi-c22=""
class="navbar-nav me-auto"
/)
--------------------------------------------------
listitem:
Name "":
(li
_ngcontent-ioi-c22=""
class="nav-item"
/)
--------------------------------------------------
main:
Name "":
(main
_ngcontent-ioi-c20=""
/)
--------------------------------------------------
heading:
Name "Welcome to Weather App":
(h1
_ngcontent-ioi-c20=""
class="display-2"
data-testid="app-title"
/)
--------------------------------------------------
button:
Name "Get started":
(button
_ngcontent-ioi-c20=""
class="btn btn-primary col-auto"
data-testid="start-button"
type="button"
/)
--------------------------------------------------
Ignored nodes: comments, script, style
(html
lang="en"
)
(head)
(meta
charset="utf-8"
/)
(title)
WeatherApp
(/title)
(base
href="/weather-app/"
/)
(meta
content="width=device-width, initial-scale=1"
name="viewport"
/)
(link
href="assets/images/logo.png"
rel="icon"
type="image/x-icon"
/)
(link
crossorigin="anonymous"
href="https://cdn.jsdelivr.net/npm/bootstrap@5.3.0-alpha3/dist/css/bootstrap.min.css"
integrity="sha384-KK94CHFLLe+nY2dmCWGMq91rCGa5gtU4mk92HdvYe+M/SXH301p5ILy+dN9+nJOZ"
rel="stylesheet"
/)
(link
href="styles.5304433daa55a438.css"
media="all"
onload="this.media='all'"
rel="stylesheet"
/)
(noscript)
<link rel="stylesheet" href="styles.5304433daa55a438.css">
(/noscript)
(/head)
(body)
(app-root
_nghost-ioi-c22=""
ng-version="14.2.12"
)
(div
_ngcontent-ioi-c22=""
)
(nav
_ngcontent-ioi-c22=""
class="navbar navbar-expand-lg navbar-dark bg-dark"
)
(div
_ngcontent-ioi-c22=""
class="container"
)
(a
_ngcontent-ioi-c22=""
class="navbar-brand"
href="#"
)
(img
_ngcontent-ioi-c22=""
alt="Weather App's Logo"
height="50"
loading="lazy"
role="img"
src="./assets/images/logo.png"
width="50"
/)
(/a)
(div
_ngcontent-ioi-c22=""
class="collapse navbar-collapse"
id="navbarSupportedContent"
)
(ul
_ngcontent-ioi-c22=""
class="navbar-nav me-auto"
)
(li
_ngcontent-ioi-c22=""
class="nav-item"
)
(a
_ngcontent-ioi-c22=""
aria-current="page"
class="nav-link active"
href="#"
)
Home
(/a)
(/li)
(/ul)
(/div)
(/div)
(/nav)
(div
_ngcontent-ioi-c22=""
class="mt-3 p-2"
)
(router-outlet
_ngcontent-ioi-c22=""
/)
(app-weather
_nghost-ioi-c20=""
)
(main
_ngcontent-ioi-c20=""
)
(div
_ngcontent-ioi-c20=""
class="container"
)
(h1
_ngcontent-ioi-c20=""
class="display-2"
data-testid="app-title"
)
Welcome to
(span
_ngcontent-ioi-c20=""
class="text-primary"
)
Weather App
(/span)
(/h1)
(img
_ngcontent-ioi-c20=""
alt="weather illustration"
aria-hidden="true"
class="h-32px m-16px w-32px"
fetchpriority="auto"
height="167"
loading="lazy"
ngsrc="assets/images/weather.jpg"
src="assets/images/weather.jpg"
width="302"
/)
(div
_ngcontent-ioi-c20=""
class="landing-view"
)
(button
_ngcontent-ioi-c20=""
class="btn btn-primary col-auto"
data-testid="start-button"
type="button"
)
Get started
(/button)
(/div)
(/div)
(/main)
(/app-weather)
(/div)
(/div)
(/app-root)
(/body)
(/html)
