base models #10
superwaihfrontend_build.yml
on: pull_request
frontend-unit-test
/
Run Frontend Tests
32s
Annotations
4 errors and 1 warning
|
frontend-unit-test / Run Frontend Tests
Process completed with exit code 1.
|
|
src/features/base-models/components/__tests__/base-model-keywords.test.tsx > BaseModelKeywords > renders each keyword in its own badge span:
frontend/src/features/base-models/components/__tests__/base-model-keywords.test.tsx#L47
TestingLibraryElementError: Unable to find an element with the text: /roof|road/. 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="flex flex-wrap gap-2"
/>
</div>
<div>
<div
class="flex flex-wrap gap-2"
>
<span
class="rounded-lg w-fit h-fit bg-off-white px-2 py-1 text-body-4 text-dark capitalize"
>
Alpha
</span>
<span
class="rounded-lg w-fit h-fit bg-off-white px-2 py-1 text-body-4 text-dark capitalize"
>
Beta
</span>
<span
class="rounded-lg w-fit h-fit bg-off-white px-2 py-1 text-body-4 text-dark capitalize"
>
Gamma
</span>
</div>
</div>
<div>
<div
class="flex flex-wrap gap-2"
>
<span
class="rounded-lg w-fit h-fit bg-off-white px-2 py-1 text-body-4 text-dark capitalize"
>
A
</span>
<span
class="rounded-lg w-fit h-fit bg-off-white px-2 py-1 text-body-4 text-dark capitalize"
>
B
</span>
<span
class="rounded-lg w-fit h-fit bg-off-white px-2 py-1 text-body-4 text-dark capitalize"
>
C
</span>
<span
class="rounded-lg w-fit h-fit bg-off-white px-2 py-1 text-body-4 text-dark capitalize"
>
D
</span>
<span
class="rounded-lg w-fit h-fit bg-off-white px-2 py-1 text-body-4 text-dark capitalize"
>
E
</span>
</div>
</div>
<div>
<div
class="flex flex-wrap gap-2"
>
<span
class="rounded-lg w-fit h-fit bg-off-white px-2 py-1 text-body-4 text-dark capitalize"
>
First
</span>
<span
class="rounded-lg w-fit h-fit bg-off-white px-2 py-1 text-body-4 text-dark capitalize"
>
Second
</span>
<span
class="rounded-lg w-fit h-fit bg-off-white px-2 py-1 text-body-4 text-dark capitalize"
>
Third
</span>
</div>
</div>
<div>
<div
class="flex flex-wrap gap-2"
>
<span
class="rounded-lg w-fit h-fit bg-off-white px-2 py-1 text-body-4 text-dark capitalize"
>
Roof
</span>
<span
class="rounded-lg w-fit h-fit bg-off-white px-2 py-1 text-body-4 text-dark capitalize"
>
Road
</span>
</div>
</div>
</body>
❯ Object.getElementError node_modules/.pnpm/@testing-library+dom@10.4.1/node_modules/@testing-library/dom/dist/config.js:37:19
❯ node_modules/.pnpm/@testing-library+dom@10.4.1/node_modules/@testing-library/dom/dist/query-helpers.js:76:38
❯ node_modules/.pnpm/@testing-library+dom@10.4.1/node_modules/@testing-library/dom/dist/query-helpers.js:109:15
❯ src/features/base-models/components/__tests__/base-model-keywords.test.tsx:47:27
|
|
src/features/base-models/components/__tests__/base-model-keywords.test.tsx > BaseModelKeywords > respects a custom visibleLimit prop:
frontend/src/features/base-models/components/__tests__/base-model-keywords.test.tsx#L31
TestingLibraryElementError: Unable to find an element with the text: a. 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="flex flex-wrap gap-2"
/>
</div>
<div>
<div
class="flex flex-wrap gap-2"
>
<span
class="rounded-lg w-fit h-fit bg-off-white px-2 py-1 text-body-4 text-dark capitalize"
>
Alpha
</span>
<span
class="rounded-lg w-fit h-fit bg-off-white px-2 py-1 text-body-4 text-dark capitalize"
>
Beta
</span>
<span
class="rounded-lg w-fit h-fit bg-off-white px-2 py-1 text-body-4 text-dark capitalize"
>
Gamma
</span>
</div>
</div>
<div>
<div
class="flex flex-wrap gap-2"
>
<span
class="rounded-lg w-fit h-fit bg-off-white px-2 py-1 text-body-4 text-dark capitalize"
>
A
</span>
<span
class="rounded-lg w-fit h-fit bg-off-white px-2 py-1 text-body-4 text-dark capitalize"
>
B
</span>
<span
class="rounded-lg w-fit h-fit bg-off-white px-2 py-1 text-body-4 text-dark capitalize"
>
C
</span>
<span
class="rounded-lg w-fit h-fit bg-off-white px-2 py-1 text-body-4 text-dark capitalize"
>
D
</span>
<span
class="rounded-lg w-fit h-fit bg-off-white px-2 py-1 text-body-4 text-dark capitalize"
>
E
</span>
</div>
</div>
</body>
❯ Object.getElementError node_modules/.pnpm/@testing-library+dom@10.4.1/node_modules/@testing-library/dom/dist/config.js:37:19
❯ node_modules/.pnpm/@testing-library+dom@10.4.1/node_modules/@testing-library/dom/dist/query-helpers.js:76:38
❯ node_modules/.pnpm/@testing-library+dom@10.4.1/node_modules/@testing-library/dom/dist/query-helpers.js:52:17
❯ node_modules/.pnpm/@testing-library+dom@10.4.1/node_modules/@testing-library/dom/dist/query-helpers.js:95:19
❯ src/features/base-models/components/__tests__/base-model-keywords.test.tsx:31:21
❯ src/features/base-models/components/__tests__/base-model-keywords.test.tsx:30:31
|
|
src/features/base-models/components/__tests__/base-model-card.test.tsx > BaseModelCard > renders BaseModelKeywords with the model keywords:
frontend/src/features/base-models/components/__tests__/base-model-card.test.tsx#L62
TestingLibraryElementError: Unable to find an element with the text: building-detection. 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>
<a
class="false w-full flex flex-col border border-gray-border hover:shadow-md transition-shadow duration-200 p-6 gap-y-4"
href="/base-models/42"
title="RAMP Building Detector"
>
<h3
class="font-semibold text-title-2 text-dark"
>
RAMP Building Detector
</h3>
<p
class="text-grey text-body-2base line-clamp-3 min-h-[60px]"
>
Detects buildings from satellite imagery using RAMP.
</p>
<div
class="flex flex-col gap-y-1 mt-auto"
>
<p
class="font-semibold text-body-2base text-dark"
>
Humanitarian OpenStreetMap Team
</p>
<p
class="text-grey text-body-3"
>
Last Modified:
<span
class="font-bold"
>
1/15/2024
</span>
</p>
</div>
<div
class="flex flex-wrap gap-2"
>
<span
class="rounded-lg w-fit h-fit bg-off-white px-2 py-1 text-body-4 text-dark capitalize"
>
Building Detection
</span>
<span
class="rounded-lg w-fit h-fit bg-off-white px-2 py-1 text-body-4 text-dark capitalize"
>
Ramp
</span>
<span
class="rounded-lg w-fit h-fit bg-off-white px-2 py-1 text-body-4 text-dark capitalize"
>
Segmentation
</span>
</div>
</a>
</div>
</body>
❯ Object.getElementError node_modules/.pnpm/@testing-library+dom@10.4.1/node_modules/@testing-library/dom/dist/config.js:37:19
❯ node_modules/.pnpm/@testing-library+dom@10.4.1/node_modules/@testing-library/dom/dist/query-helpers.js:76:38
❯ node_modules/.pnpm/@testing-library+dom@10.4.1/node_modules/@testing-library/dom/dist/query-helpers.js:109:15
❯ src/features/base-models/components/__tests__/base-model-card.test.tsx:62:19
|
|
frontend-unit-test / Run Frontend Tests
Node.js 20 is deprecated. The following actions target Node.js 20 but are being forced to run on Node.js 24: actions/checkout@v4, actions/setup-node@v4, pnpm/action-setup@v4. For more information see: https://github.blog/changelog/2025-09-19-deprecation-of-node-20-on-github-actions-runners/
|