Update test files #35
slavingiaAnnotations
8 errors
|
app/(dashboard)/page.test.tsx > Homepage > renders the sign-in button for signed-out users:
app/(dashboard)/page.test.tsx#L45
TestingLibraryElementError: Unable to find an accessible element with the role "button" and name `/sign in/i`
Here are the accessible roles:
heading:
Name "Write Your Tests Faster Than Ever":
<h1
class="text-4xl font-bold text-gray-900 tracking-tight sm:text-5xl md:text-6xl"
/>
Name "Writes New Tests":
<h2
class="text-lg font-medium text-gray-900"
/>
Name "Fixes Broken Tests":
<h2
class="text-lg font-medium text-gray-900"
/>
Name "Seamless Integration":
<h2
class="text-lg font-medium text-gray-900"
/>
Name "Ready to streamline your pull requests?":
<h2
class="text-3xl font-bold text-gray-900 sm:text-4xl"
/>
--------------------------------------------------
paragraph:
Name "":
<p
class="mt-3 text-base text-gray-500 sm:mt-5 sm:text-xl lg:text-lg xl:text-xl max-w-2xl mx-auto"
/>
Name "":
<p
class="mt-2 text-base text-gray-500"
/>
Name "":
<p
class="mt-2 text-base text-gray-500"
/>
Name "":
<p
class="mt-2 text-base text-gray-500"
/>
Name "":
<p
class="mt-3 max-w-3xl text-lg text-gray-500"
/>
--------------------------------------------------
link:
Name "View on GitHub":
<a
href="https://github.com/gumroad/shortest"
target="_blank"
/>
Name "View Dashboard":
<a
href="/dashboard"
/>
Name "Get started":
<a
href="https://github.com/gumroad/shortest"
rel="noopener noreferrer"
target="_blank"
/>
Name "View Dashboard":
<a
href="/dashboard"
/>
--------------------------------------------------
button:
Name "View on GitHub":
<button />
Name "View Dashboard":
<button />
Name "Get started":
<button />
Name "View Dashboard":
<button />
--------------------------------------------------
Ignored nodes: comments, script, style
<body>
<div>
<div
class="main"
>
<section
class="py-20"
>
<div
class="max-w-7xl mx-auto px-4 sm:px-6 lg:px-8"
>
<div
class="text-center"
>
<h1
class="text-4xl font-bold text-gray-900 tracking-tight sm:text-5xl md:text-6xl"
>
Write Your Tests
<span
class="block text-orange-500"
>
Faster Than Ever
</span>
</h1>
<p
class="mt-3 text-base text-gray-500 sm:mt-5 sm:text-xl lg:text-lg xl:text-xl max-w-2xl mx-auto"
>
Shortest observes your pull requests, helps you write tests for new features, and fixes broken tests that block you from shipping.
</p>
<div
class="mt-8 flex justify-center"
>
<a
href="https://github.com/gumroad/shortest"
target="_blank"
>
<button>
View on GitHub
<svg
class="lucide lucide-arrow-right ml-2 h-5 w-5"
fill="none"
height="24"
stroke="currentColor"
stroke-linecap="round"
stroke-linejoin="round"
stroke-width="2"
viewBox="0 0 24 24"
width="24"
xmlns="http://www.w3.org/2000/svg"
>
<path
d="M5 12h14"
/>
<path
d="m12 5 7 7-7 7"
/>
</svg>
</button>
</a>
<a
href="/dashboard"
>
<button>
View Dashboard
<svg
class="lucide lucide-arrow-right ml-2 h-5 w-5"
fill="none"
height="24"
stroke="currentColor"
stroke-linecap="round"
stroke-linejoin="round"
stroke-wid
|
|
app/(dashboard)/page.test.tsx > Homepage > renders the dashboard link for signed-in users:
app/(dashboard)/page.test.tsx#L55
TestingLibraryElementError: Unable to find an accessible element with the role "link" and name `/go to dashboard/i`
Here are the accessible roles:
heading:
Name "Write Your Tests Faster Than Ever":
<h1
class="text-4xl font-bold text-gray-900 tracking-tight sm:text-5xl md:text-6xl"
/>
Name "Writes New Tests":
<h2
class="text-lg font-medium text-gray-900"
/>
Name "Fixes Broken Tests":
<h2
class="text-lg font-medium text-gray-900"
/>
Name "Seamless Integration":
<h2
class="text-lg font-medium text-gray-900"
/>
Name "Ready to streamline your pull requests?":
<h2
class="text-3xl font-bold text-gray-900 sm:text-4xl"
/>
--------------------------------------------------
paragraph:
Name "":
<p
class="mt-3 text-base text-gray-500 sm:mt-5 sm:text-xl lg:text-lg xl:text-xl max-w-2xl mx-auto"
/>
Name "":
<p
class="mt-2 text-base text-gray-500"
/>
Name "":
<p
class="mt-2 text-base text-gray-500"
/>
Name "":
<p
class="mt-2 text-base text-gray-500"
/>
Name "":
<p
class="mt-3 max-w-3xl text-lg text-gray-500"
/>
--------------------------------------------------
link:
Name "View on GitHub":
<a
href="https://github.com/gumroad/shortest"
target="_blank"
/>
Name "View Dashboard":
<a
href="/dashboard"
/>
Name "Get started":
<a
href="https://github.com/gumroad/shortest"
rel="noopener noreferrer"
target="_blank"
/>
Name "View Dashboard":
<a
href="/dashboard"
/>
--------------------------------------------------
button:
Name "View on GitHub":
<button />
Name "View Dashboard":
<button />
Name "Get started":
<button />
Name "View Dashboard":
<button />
--------------------------------------------------
Ignored nodes: comments, script, style
<body>
<div>
<div
class="main"
>
<section
class="py-20"
>
<div
class="max-w-7xl mx-auto px-4 sm:px-6 lg:px-8"
>
<div
class="text-center"
>
<h1
class="text-4xl font-bold text-gray-900 tracking-tight sm:text-5xl md:text-6xl"
>
Write Your Tests
<span
class="block text-orange-500"
>
Faster Than Ever
</span>
</h1>
<p
class="mt-3 text-base text-gray-500 sm:mt-5 sm:text-xl lg:text-lg xl:text-xl max-w-2xl mx-auto"
>
Shortest observes your pull requests, helps you write tests for new features, and fixes broken tests that block you from shipping.
</p>
<div
class="mt-8 flex justify-center"
>
<a
href="https://github.com/gumroad/shortest"
target="_blank"
>
<button>
View on GitHub
<svg
class="lucide lucide-arrow-right ml-2 h-5 w-5"
fill="none"
height="24"
stroke="currentColor"
stroke-linecap="round"
stroke-linejoin="round"
stroke-width="2"
viewBox="0 0 24 24"
width="24"
xmlns="http://www.w3.org/2000/svg"
>
<path
d="M5 12h14"
/>
<path
d="m12 5 7 7-7 7"
/>
</svg>
</button>
</a>
<a
href="/dashboard"
>
<button>
View Dashboard
<svg
class="lucide lucide-arrow-right ml-2 h-5 w-5"
fill="none"
height="24"
stroke="currentColor"
stroke-linecap="round"
stroke-linejoin="round"
stro
|
|
app/(dashboard)/dashboard/page.test.tsx > DashboardPage > renders loading state initially:
app/(dashboard)/dashboard/page.test.tsx#L30
TestingLibraryElementError: Unable to find an element with the text: Loading.... 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 justify-center items-center h-full"
>
<svg
class="lucide lucide-loader-circle h-8 w-8 animate-spin"
fill="none"
height="24"
stroke="currentColor"
stroke-linecap="round"
stroke-linejoin="round"
stroke-width="2"
viewBox="0 0 24 24"
width="24"
xmlns="http://www.w3.org/2000/svg"
>
<path
d="M21 12a9 9 0 1 1-6.219-8.56"
/>
</svg>
</div>
</div>
</body>
❯ Object.getElementError node_modules/.pnpm/@testing-library[email protected]/node_modules/@testing-library/dom/dist/config.js:37:19
❯ node_modules/.pnpm/@testing-library[email protected]/node_modules/@testing-library/dom/dist/query-helpers.js:76:38
❯ node_modules/.pnpm/@testing-library[email protected]/node_modules/@testing-library/dom/dist/query-helpers.js:52:17
❯ node_modules/.pnpm/@testing-library[email protected]/node_modules/@testing-library/dom/dist/query-helpers.js:95:19
❯ app/(dashboard)/dashboard/page.test.tsx:30:19
|
|
app/(dashboard)/dashboard/page.test.tsx > DashboardPage > renders pull requests when loaded successfully:
app/(dashboard)/dashboard/page.test.tsx#L42
TestingLibraryElementError: Unable to find an element with the text: Your Pull Requests. 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="space-y-6"
>
<div
class="p-6"
>
<ul
class="space-y-8"
>
<li>
<div
class="flex items-center justify-between mb-2"
>
<h3
class="font-semibold text-lg"
>
undefined/undefined
</h3>
</div>
<div
data-testid="pr-1"
>
PR 1
</div>
</li>
<li>
<div
class="flex items-center justify-between mb-2"
>
<h3
class="font-semibold text-lg"
>
undefined/undefined
</h3>
</div>
<div
data-testid="pr-2"
>
PR 2
</div>
</li>
</ul>
</div>
</div>
</div>
</body>
Ignored nodes: comments, script, style
<html>
<head />
<body>
<div>
<div
class="space-y-6"
>
<div
class="p-6"
>
<ul
class="space-y-8"
>
<li>
<div
class="flex items-center justify-between mb-2"
>
<h3
class="font-semibold text-lg"
>
undefined/undefined
</h3>
</div>
<div
data-testid="pr-1"
>
PR 1
</div>
</li>
<li>
<div
class="flex items-center justify-between mb-2"
>
<h3
class="font-semibold text-lg"
>
undefined/undefined
</h3>
</div>
<div
data-testid="pr-2"
>
PR 2
</div>
</li>
</ul>
</div>
</div>
</div>
</body>
</html>
❯ Proxy.waitForWrapper node_modules/.pnpm/@testing-library[email protected]/node_modules/@testing-library/dom/dist/wait-for.js:163:27
❯ app/(dashboard)/dashboard/page.test.tsx:42:11
|
|
app/(dashboard)/dashboard/page.test.tsx > DashboardPage > renders error message when loading fails:
app/(dashboard)/dashboard/page.test.tsx#L55
TestingLibraryElementError: Unable to find an element with the text: Error loading pull requests. 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-col items-center justify-center h-full"
>
<svg
class="lucide lucide-circle-alert h-12 w-12 text-red-500 mb-4"
fill="none"
height="24"
stroke="currentColor"
stroke-linecap="round"
stroke-linejoin="round"
stroke-width="2"
viewBox="0 0 24 24"
width="24"
xmlns="http://www.w3.org/2000/svg"
>
<circle
cx="12"
cy="12"
r="10"
/>
<line
x1="12"
x2="12"
y1="8"
y2="12"
/>
<line
x1="12"
x2="12.01"
y1="16"
y2="16"
/>
</svg>
<p
class="text-lg mb-4"
>
Failed to fetch pull requests. Please reconnect your GitHub account.
</p>
<button>
Reconnect GitHub account
</button>
</div>
</div>
</body>
Ignored nodes: comments, script, style
<html>
<head />
<body>
<div>
<div
class="flex flex-col items-center justify-center h-full"
>
<svg
class="lucide lucide-circle-alert h-12 w-12 text-red-500 mb-4"
fill="none"
height="24"
stroke="currentColor"
stroke-linecap="round"
stroke-linejoin="round"
stroke-width="2"
viewBox="0 0 24 24"
width="24"
xmlns="http://www.w3.org/2000/svg"
>
<circle
cx="12"
cy="12"
r="10"
/>
<line
x1="12"
x2="12"
y1="8"
y2="12"
/>
<line
x1="12"
x2="12.01"
y1="16"
y2="16"
/>
</svg>
<p
class="text-lg mb-4"
>
Failed to fetch pull requests. Please reconnect your GitHub account.
</p>
<button>
Reconnect GitHub account
</button>
</div>
</div>
</body>
</html>
❯ Proxy.waitForWrapper node_modules/.pnpm/@testing-library[email protected]/node_modules/@testing-library/dom/dist/wait-for.js:163:27
❯ app/(dashboard)/dashboard/page.test.tsx:55:11
|
|
app/(dashboard)/dashboard/page.test.tsx > DashboardPage > renders reconnect button when GitHub token is invalid:
app/(dashboard)/dashboard/page.test.tsx#L65
TestingLibraryElementError: Unable to find role="button" and name `/reconnect to github/i`
Ignored nodes: comments, script, style
<body>
<div>
<div
class="flex flex-col items-center justify-center h-full"
>
<svg
class="lucide lucide-circle-alert h-12 w-12 text-red-500 mb-4"
fill="none"
height="24"
stroke="currentColor"
stroke-linecap="round"
stroke-linejoin="round"
stroke-width="2"
viewBox="0 0 24 24"
width="24"
xmlns="http://www.w3.org/2000/svg"
>
<circle
cx="12"
cy="12"
r="10"
/>
<line
x1="12"
x2="12"
y1="8"
y2="12"
/>
<line
x1="12"
x2="12.01"
y1="16"
y2="16"
/>
</svg>
<p
class="text-lg mb-4"
>
GitHub token invalid
</p>
<button>
Reconnect GitHub account
</button>
</div>
</div>
</body>
Ignored nodes: comments, script, style
<html>
<head />
<body>
<div>
<div
class="flex flex-col items-center justify-center h-full"
>
<svg
class="lucide lucide-circle-alert h-12 w-12 text-red-500 mb-4"
fill="none"
height="24"
stroke="currentColor"
stroke-linecap="round"
stroke-linejoin="round"
stroke-width="2"
viewBox="0 0 24 24"
width="24"
xmlns="http://www.w3.org/2000/svg"
>
<circle
cx="12"
cy="12"
r="10"
/>
<line
x1="12"
x2="12"
y1="8"
y2="12"
/>
<line
x1="12"
x2="12.01"
y1="16"
y2="16"
/>
</svg>
<p
class="text-lg mb-4"
>
GitHub token invalid
</p>
<button>
Reconnect GitHub account
</button>
</div>
</div>
</body>
</html>
❯ Proxy.waitForWrapper node_modules/.pnpm/@testing-library[email protected]/node_modules/@testing-library/dom/dist/wait-for.js:163:27
❯ app/(dashboard)/dashboard/page.test.tsx:65:11
|
|
app/(dashboard)/dashboard/pull-request.test.tsx > PullRequestItem > handles updating tests:
app/(dashboard)/dashboard/pull-request.test.tsx#L76
TestingLibraryElementError: Unable to find an element with the text: Update tests to fix. 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="bg-white p-4 rounded-lg shadow-md"
>
<div
class="flex items-center justify-between mb-2"
>
<span
class="flex items-center"
>
<svg
class="lucide lucide-git-pull-request mr-2 h-4 w-4"
fill="none"
height="24"
stroke="currentColor"
stroke-linecap="round"
stroke-linejoin="round"
stroke-width="2"
viewBox="0 0 24 24"
width="24"
xmlns="http://www.w3.org/2000/svg"
>
<circle
cx="18"
cy="18"
r="3"
/>
<circle
cx="6"
cy="6"
r="3"
/>
<path
d="M13 6h3a2 2 0 0 1 2 2v7"
/>
<line
x1="6"
x2="6"
y1="9"
y2="21"
/>
</svg>
<span
class="font-medium"
>
Test PR
</span>
</span>
<a
class="text-sm text-gray-600 underline"
href="https://github.com/undefined/pull/123"
>
#
123
</a>
</div>
<div
class="flex items-center justify-between"
>
<span
class="flex items-center"
>
<svg
class="lucide lucide-circle-check-big mr-2 h-4 w-4 text-green-500"
fill="none"
height="24"
stroke="currentColor"
stroke-linecap="round"
stroke-linejoin="round"
stroke-width="2"
viewBox="0 0 24 24"
width="24"
xmlns="http://www.w3.org/2000/svg"
>
<path
d="M21.801 10A10 10 0 1 1 17 3.335"
/>
<path
d="m9 11 3 3L22 4"
/>
</svg>
<a
class="text-sm underline text-gray-600"
href="https://github.com/undefined/pull/123/checks"
>
Build:
success
</a>
</span>
<button
class="inline-flex items-center justify-center whitespace-nowrap font-medium transition-colors focus-visible:outline-none focus-visible:ring-1 focus-visible:ring-ring disabled:pointer-events-none disabled:opacity-50 shadow h-8 rounded-md px-3 text-xs bg-green-500 hover:bg-green-600 text-white"
>
<svg
class="lucide lucide-circle-plus mr-2 h-4 w-4"
fill="none"
height="24"
stroke="currentColor"
stroke-linecap="round"
stroke-linejoin="round"
stroke-width="2"
viewBox="0 0 24 24"
width="24"
xmlns="http://www.w3.org/2000/svg"
>
<circle
cx="12"
cy="12"
r="10"
/>
<path
d="M8 12h8"
/>
<path
d="M12 8v8"
/>
</svg>
Write new tests
</button>
</div>
</div>
</div>
</body>
❯ Object.getElementError node_modules/.pnpm/@testing-library[email protected]/node_modules/@testing-library/dom/dist/config.js:37:19
❯ node_modules/.pnpm/@testing-library[email protected]/node_modules/@testing-library/dom/dist/query-helpers.js:76:38
❯ node_modules/.pnpm/@testing-library[email protected]/node_modules/@testing-library/dom/dist/query-helpers.js:52:17
❯ node_modules/.pnpm/@testing-library[email protected]/node_modules/@testing-library/dom/dist/query-helpers.js:95:19
❯ app/(dashboard)/dashboard/pull-request.test.tsx:76:28
|
|
test
Process completed with exit code 1.
|