Feat/hide-agency-prefixes-ui #491
AhmedhossamdevAnnotations
7 errors
|
test
Process completed with exit code 1.
|
|
src/components/stops/__tests__/StopPane.test.js > StopPane > component accessibility features:
src/components/stops/__tests__/StopPane.test.js#L501
Error: expect(element).toHaveTextContent()
Expected element to have text content:
Stop #1_75403
Received:
Stop #75403
Ignored nodes: comments, script, style
<html>
<head />
<body>
<div>
<div>
<div
class="space-y-4"
>
<div>
<div
class="relative flex flex-col gap-y-1 rounded-lg bg-brand-secondary bg-opacity-80 p-4"
>
<h1
class="h1 mb-0 text-white"
>
Pine St & 3rd Ave
</h1>
<h2
class="h2 mb-0 text-white"
>
Stop #75403
</h2>
<h2
class="h2 mb-0 text-white"
>
Routes: 10, 11
</h2>
<div
class="mt-auto flex justify-end"
>
<a
class="inline-block rounded-lg border border-brand bg-brand px-3 py-1 text-sm font-medium text-white shadow-md transition duration-200 ease-in-out hover:bg-brand-secondary"
href="/stops/1_75403/schedule"
target="_blank"
>
View Schedule
</a>
</div>
</div>
</div>
</div>
</div>
</div>
</body>
</html>
❯ src/components/stops/__tests__/StopPane.test.js:501:24
❯ runWithExpensiveErrorDiagnosticsDisabled node_modules/@testing-library/dom/dist/@testing-library/dom.esm.js:354:12
❯ checkCallback node_modules/@testing-library/dom/dist/@testing-library/dom.esm.js:1102:24
❯ Timeout.checkRealTimersCallback node_modules/@testing-library/dom/dist/@testing-library/dom.esm.js:1096:16
|
|
src/components/stops/__tests__/StopPane.test.js > StopPane > displays stop information correctly:
node_modules/@testing-library/dom/dist/@testing-library/dom.esm.js#L1141
TestingLibraryElementError: Unable to find an element with the text: Stop #1_75403. This could be because the text is broken up by multiple elements. In this case, you can provide a function for your text matcher to make your matcher more flexible.
Ignored nodes: comments, script, style
<body>
<div>
<div>
<div
class="space-y-4"
>
<div>
<div
class="relative flex flex-col gap-y-1 rounded-lg bg-brand-secondary bg-opacity-80 p-4"
>
<h1
class="h1 mb-0 text-white"
>
Pine St & 3rd Ave
</h1>
<h2
class="h2 mb-0 text-white"
>
Stop #75403
</h2>
<h2
class="h2 mb-0 text-white"
>
Routes: 10, 11
</h2>
<div
class="mt-auto flex justify-end"
>
<a
class="inline-block rounded-lg border border-brand bg-brand px-3 py-1 text-sm font-medium text-white shadow-md transition duration-200 ease-in-out hover:bg-brand-secondary"
href="/stops/1_75403/schedule"
target="_blank"
>
View Schedule
</a>
</div>
</div>
</div>
</div>
</div>
</div>
</body>
Ignored nodes: comments, script, style
<html>
<head />
<body>
<div>
<div>
<div
class="space-y-4"
>
<div>
<div
class="relative flex flex-col gap-y-1 rounded-lg bg-brand-secondary bg-opacity-80 p-4"
>
<h1
class="h1 mb-0 text-white"
>
Pine St & 3rd Ave
</h1>
<h2
class="h2 mb-0 text-white"
>
Stop #75403
</h2>
<h2
class="h2 mb-0 text-white"
>
Routes: 10, 11
</h2>
<div
class="mt-auto flex justify-end"
>
<a
class="inline-block rounded-lg border border-brand bg-brand px-3 py-1 text-sm font-medium text-white shadow-md transition duration-200 ease-in-out hover:bg-brand-secondary"
href="/stops/1_75403/schedule"
target="_blank"
>
View Schedule
</a>
</div>
</div>
</div>
</div>
</div>
</div>
</body>
</html>
❯ Module.waitForWrapper node_modules/@testing-library/dom/dist/@testing-library/dom.esm.js:1141:27
❯ src/components/stops/__tests__/StopPane.test.js:263:9
|
|
src/components/stops/__tests__/StopPane.test.js > StopPane > loads and displays arrival data successfully:
node_modules/@testing-library/dom/dist/@testing-library/dom.esm.js#L344
TestingLibraryElementError: Unable to find an element with the text: Stop #1_75403. This could be because the text is broken up by multiple elements. In this case, you can provide a function for your text matcher to make your matcher more flexible.
Ignored nodes: comments, script, style
<body>
<div>
<div>
<div
class="space-y-4"
>
<div>
<div
class="relative flex flex-col gap-y-1 rounded-lg bg-brand-secondary bg-opacity-80 p-4"
>
<h1
class="h1 mb-0 text-white"
>
Pine St & 3rd Ave
</h1>
<h2
class="h2 mb-0 text-white"
>
Stop #75403
</h2>
<h2
class="h2 mb-0 text-white"
>
Routes: 10, 11
</h2>
<div
class="mt-auto flex justify-end"
>
<a
class="inline-block rounded-lg border border-brand bg-brand px-3 py-1 text-sm font-medium text-white shadow-md transition duration-200 ease-in-out hover:bg-brand-secondary"
href="/stops/1_75403/schedule"
target="_blank"
>
View Schedule
</a>
</div>
</div>
</div>
</div>
</div>
</div>
</body>
❯ Object.getElementError node_modules/@testing-library/dom/dist/@testing-library/dom.esm.js:344:19
❯ node_modules/@testing-library/dom/dist/@testing-library/dom.esm.js:1211:25
❯ node_modules/@testing-library/dom/dist/@testing-library/dom.esm.js:1190:17
❯ node_modules/@testing-library/dom/dist/@testing-library/dom.esm.js:1233:19
❯ src/components/stops/__tests__/StopPane.test.js:222:17
|
|
src/components/stops/__tests__/StopPane.test.js > StopPane > displays arrival data when provided directly:
node_modules/@testing-library/dom/dist/@testing-library/dom.esm.js#L344
TestingLibraryElementError: Unable to find an element with the text: Stop #1_75403. This could be because the text is broken up by multiple elements. In this case, you can provide a function for your text matcher to make your matcher more flexible.
Ignored nodes: comments, script, style
<body>
<div>
<div>
<div
class="space-y-4"
>
<div>
<div
class="relative flex flex-col gap-y-1 rounded-lg bg-brand-secondary bg-opacity-80 p-4"
>
<h1
class="h1 mb-0 text-white"
>
Pine St & 3rd Ave
</h1>
<h2
class="h2 mb-0 text-white"
>
Stop #75403
</h2>
<h2
class="h2 mb-0 text-white"
>
Routes: 10, 11
</h2>
<div
class="mt-auto flex justify-end"
>
<a
class="inline-block rounded-lg border border-brand bg-brand px-3 py-1 text-sm font-medium text-white shadow-md transition duration-200 ease-in-out hover:bg-brand-secondary"
href="/stops/1_75403/schedule"
target="_blank"
>
View Schedule
</a>
</div>
</div>
</div>
</div>
</div>
</div>
</body>
❯ Object.getElementError node_modules/@testing-library/dom/dist/@testing-library/dom.esm.js:344:19
❯ node_modules/@testing-library/dom/dist/@testing-library/dom.esm.js:1211:25
❯ node_modules/@testing-library/dom/dist/@testing-library/dom.esm.js:1190:17
❯ node_modules/@testing-library/dom/dist/@testing-library/dom.esm.js:1233:19
❯ src/components/stops/__tests__/StopPane.test.js:200:17
|
|
src/components/stops/__tests__/StopPageHeader.test.js > StopPageHeader > handles different stop IDs:
node_modules/@testing-library/dom/dist/@testing-library/dom.esm.js#L344
TestingLibraryElementError: Unable to find an element with the text: 1_12345. This could be because the text is broken up by multiple elements. In this case, you can provide a function for your text matcher to make your matcher more flexible.
Ignored nodes: comments, script, style
<body>
<div>
<div
class="my-4 text-center"
>
<h1
class="flex items-center justify-center gap-2 text-3xl font-bold text-brand-secondary"
>
Pine St & 3rd Ave
</h1>
<div
class="text-normal mt-2 flex items-center justify-center gap-x-8 text-gray-700"
>
<div
class="rounded-md bg-gray-50 px-2 py-1"
>
<svg
aria-hidden="true"
class="svg-inline--fa fa-location-dot "
data-icon="location-dot"
data-prefix="fas"
focusable="false"
role="img"
viewBox="0 0 384 512"
xmlns="http://www.w3.org/2000/svg"
>
<path
d="M215.7 499.2C267 435 384 279.4 384 192C384 86 298 0 192 0S0 86 0 192c0 87.4 117 243 168.3 307.2c12.3 15.3 35.1 15.3 47.4 0zM192 128a64 64 0 1 1 0 128 64 64 0 1 1 0-128z"
fill="currentColor"
/>
</svg>
<strong>
Stop ID:
</strong>
12345
</div>
<div
class="rounded-md bg-gray-50 px-2 py-1"
>
<svg
aria-hidden="true"
class="svg-inline--fa fa-arrow-right -rotate-90"
data-icon="arrow-right"
data-prefix="fas"
focusable="false"
role="img"
viewBox="0 0 448 512"
xmlns="http://www.w3.org/2000/svg"
>
<path
d="M438.6 278.6c12.5-12.5 12.5-32.8 0-45.3l-160-160c-12.5-12.5-32.8-12.5-45.3 0s-12.5 32.8 0 45.3L338.8 224 32 224c-17.7 0-32 14.3-32 32s14.3 32 32 32l306.7 0L233.4 393.4c-12.5 12.5-12.5 32.8 0 45.3s32.8 12.5 45.3 0l160-160z"
fill="currentColor"
/>
</svg>
<strong>
Direction:
</strong>
N
</div>
</div>
<div
class="tab-container"
>
<div
class="tab-container__item tab-container__item--active"
>
<a
class="block"
href="/stops/1_12345"
>
Arrivals & Departures
</a>
</div>
<div
class="tab-container__item"
>
<a
class="block"
href="/stops/1_12345/schedule"
>
Route Schedules
</a>
</div>
</div>
</div>
</div>
</body>
❯ Object.getElementError node_modules/@testing-library/dom/dist/@testing-library/dom.esm.js:344:19
❯ node_modules/@testing-library/dom/dist/@testing-library/dom.esm.js:1211:25
❯ node_modules/@testing-library/dom/dist/@testing-library/dom.esm.js:1190:17
❯ node_modules/@testing-library/dom/dist/@testing-library/dom.esm.js:1233:19
❯ src/components/stops/__tests__/StopPageHeader.test.js:177:17
|
|
src/components/stops/__tests__/StopPageHeader.test.js > StopPageHeader > displays stop ID with proper label:
node_modules/@testing-library/dom/dist/@testing-library/dom.esm.js#L344
TestingLibraryElementError: Unable to find an element with the text: 1_75403. This could be because the text is broken up by multiple elements. In this case, you can provide a function for your text matcher to make your matcher more flexible.
Ignored nodes: comments, script, style
<body>
<div>
<div
class="my-4 text-center"
>
<h1
class="flex items-center justify-center gap-2 text-3xl font-bold text-brand-secondary"
>
Pine St & 3rd Ave
</h1>
<div
class="text-normal mt-2 flex items-center justify-center gap-x-8 text-gray-700"
>
<div
class="rounded-md bg-gray-50 px-2 py-1"
>
<svg
aria-hidden="true"
class="svg-inline--fa fa-location-dot "
data-icon="location-dot"
data-prefix="fas"
focusable="false"
role="img"
viewBox="0 0 384 512"
xmlns="http://www.w3.org/2000/svg"
>
<path
d="M215.7 499.2C267 435 384 279.4 384 192C384 86 298 0 192 0S0 86 0 192c0 87.4 117 243 168.3 307.2c12.3 15.3 35.1 15.3 47.4 0zM192 128a64 64 0 1 1 0 128 64 64 0 1 1 0-128z"
fill="currentColor"
/>
</svg>
<strong>
Stop ID:
</strong>
75403
</div>
<div
class="rounded-md bg-gray-50 px-2 py-1"
>
<svg
aria-hidden="true"
class="svg-inline--fa fa-arrow-right -rotate-90"
data-icon="arrow-right"
data-prefix="fas"
focusable="false"
role="img"
viewBox="0 0 448 512"
xmlns="http://www.w3.org/2000/svg"
>
<path
d="M438.6 278.6c12.5-12.5 12.5-32.8 0-45.3l-160-160c-12.5-12.5-32.8-12.5-45.3 0s-12.5 32.8 0 45.3L338.8 224 32 224c-17.7 0-32 14.3-32 32s14.3 32 32 32l306.7 0L233.4 393.4c-12.5 12.5-12.5 32.8 0 45.3s32.8 12.5 45.3 0l160-160z"
fill="currentColor"
/>
</svg>
<strong>
Direction:
</strong>
N
</div>
</div>
<div
class="tab-container"
>
<div
class="tab-container__item tab-container__item--active"
>
<a
class="block"
href="/stops/1_75403"
>
Arrivals & Departures
</a>
</div>
<div
class="tab-container__item"
>
<a
class="block"
href="/stops/1_75403/schedule"
>
Route Schedules
</a>
</div>
</div>
</div>
</div>
</body>
❯ Object.getElementError node_modules/@testing-library/dom/dist/@testing-library/dom.esm.js:344:19
❯ node_modules/@testing-library/dom/dist/@testing-library/dom.esm.js:1211:25
❯ node_modules/@testing-library/dom/dist/@testing-library/dom.esm.js:1190:17
❯ node_modules/@testing-library/dom/dist/@testing-library/dom.esm.js:1233:19
❯ src/components/stops/__tests__/StopPageHeader.test.js:71:17
|