fix(hooks): switch build to tsup for ESM compatibility #202
Annotations
10 errors
|
Run integration tests:
packages/ui/src/components/bible-reader.stories.tsx#L219
Error:
Click to debug the error directly in Storybook: http://localhost:6006/?path=/story/components-biblereader--font-size-out-of-range&addonPanel=storybook/interactions/panel
expect(received).toBeInTheDocument()
received value must be an HTMLElement or an SVGElement.
Received has type: Null
Received has value: null
Ignored nodes: comments, script, style
<html
lang="en"
>
<head>
<meta
charset="UTF-8"
/>
<link
href="/__vitest__/favicon.svg"
rel="icon"
type="image/svg+xml"
/>
<meta
content="width=device-width, initial-scale=1.0"
name="viewport"
/>
<title>
Vitest Browser Tester
</title>
<link
crossorigin=""
href="/__vitest_browser__/utils-uxqdqUz8.js"
rel="modulepreload"
/>
<base
target="_parent"
/>
</head>
<body
style="background-color: rgb(255, 255, 255);"
>
<div
class="sb-preparing-story sb-wrapper"
>
<div
class="sb-loader"
/>
</div>
<div
class="sb-preparing-docs sb-wrapper"
>
<div
class="sb-previewBlock"
>
<div
class="sb-previewBlock_header"
>
<div
class="sb-previewBlock_icon"
/>
<div
class="sb-previewBlock_icon"
/>
<div
class="sb-previewBlock_icon"
/>
<div
class="sb-previewBlock_icon"
/>
</div>
<div
class="sb-previewBlock_body"
>
<div
class="sb-loader"
/>
</div>
</div>
<table
aria-hidden="true"
class="sb-argstableBlock"
>
<thead
class="sb-argstableBlock-head"
>
<tr>
<th>
<span>
Name
</span>
</th>
<th>
<span>
Description
</span>
</th>
<th>
<span>
Default
</span>
</th>
<th>
<span>
Control
</span>
</th>
</tr>
</thead>
<tbody
class="sb-argstableBlock-body"
>
<tr>
<td>
<span>
propertyName
</span>
<span
title="Required"
>
*
</span>
</td>
<td>
<div>
<span>
This is a short description
</span>
</div>
<div
class="sb-argstableBlock-summary"
>
<div>
<span
class="sb-argstableBlock-code"
>
summary
</span>
</div>
</div>
</td>
<td>
<div>
<span
class="sb-argstableBlock-code"
>
defaultValue
</span>
</div>
</td>
<td>
<button>
|
|
Run integration tests:
packages/ui/src/components/bible-reader.stories.tsx#L189
Error:
Click to debug the error directly in Storybook: http://localhost:6006/?path=/story/components-biblereader--custom-styling&addonPanel=storybook/interactions/panel
expect(received).toBeInTheDocument()
received value must be an HTMLElement or an SVGElement.
Received has type: Null
Received has value: null
Ignored nodes: comments, script, style
<html
lang="en"
>
<head>
<meta
charset="UTF-8"
/>
<link
href="/__vitest__/favicon.svg"
rel="icon"
type="image/svg+xml"
/>
<meta
content="width=device-width, initial-scale=1.0"
name="viewport"
/>
<title>
Vitest Browser Tester
</title>
<link
crossorigin=""
href="/__vitest_browser__/utils-uxqdqUz8.js"
rel="modulepreload"
/>
<base
target="_parent"
/>
</head>
<body
style="background-color: rgb(255, 255, 255);"
>
<div
class="sb-preparing-story sb-wrapper"
>
<div
class="sb-loader"
/>
</div>
<div
class="sb-preparing-docs sb-wrapper"
>
<div
class="sb-previewBlock"
>
<div
class="sb-previewBlock_header"
>
<div
class="sb-previewBlock_icon"
/>
<div
class="sb-previewBlock_icon"
/>
<div
class="sb-previewBlock_icon"
/>
<div
class="sb-previewBlock_icon"
/>
</div>
<div
class="sb-previewBlock_body"
>
<div
class="sb-loader"
/>
</div>
</div>
<table
aria-hidden="true"
class="sb-argstableBlock"
>
<thead
class="sb-argstableBlock-head"
>
<tr>
<th>
<span>
Name
</span>
</th>
<th>
<span>
Description
</span>
</th>
<th>
<span>
Default
</span>
</th>
<th>
<span>
Control
</span>
</th>
</tr>
</thead>
<tbody
class="sb-argstableBlock-body"
>
<tr>
<td>
<span>
propertyName
</span>
<span
title="Required"
>
*
</span>
</td>
<td>
<div>
<span>
This is a short description
</span>
</div>
<div
class="sb-argstableBlock-summary"
>
<div>
<span
class="sb-argstableBlock-code"
>
summary
</span>
</div>
</div>
</td>
<td>
<div>
<span
class="sb-argstableBlock-code"
>
defaultValue
</span>
</div>
</td>
<td>
<button>
|
|
Run integration tests:
packages/ui/src/components/bible-reader.stories.tsx#L90
Error:
Click to debug the error directly in Storybook: http://localhost:6006/?path=/story/components-biblereader--default&addonPanel=storybook/interactions/panel
expect(received).toBeInTheDocument()
received value must be an HTMLElement or an SVGElement.
Received has type: Null
Received has value: null
Ignored nodes: comments, script, style
<html
lang="en"
>
<head>
<meta
charset="UTF-8"
/>
<link
href="/__vitest__/favicon.svg"
rel="icon"
type="image/svg+xml"
/>
<meta
content="width=device-width, initial-scale=1.0"
name="viewport"
/>
<title>
Vitest Browser Tester
</title>
<link
crossorigin=""
href="/__vitest_browser__/utils-uxqdqUz8.js"
rel="modulepreload"
/>
<base
target="_parent"
/>
</head>
<body
style="background-color: rgb(255, 255, 255);"
>
<div
class="sb-preparing-story sb-wrapper"
>
<div
class="sb-loader"
/>
</div>
<div
class="sb-preparing-docs sb-wrapper"
>
<div
class="sb-previewBlock"
>
<div
class="sb-previewBlock_header"
>
<div
class="sb-previewBlock_icon"
/>
<div
class="sb-previewBlock_icon"
/>
<div
class="sb-previewBlock_icon"
/>
<div
class="sb-previewBlock_icon"
/>
</div>
<div
class="sb-previewBlock_body"
>
<div
class="sb-loader"
/>
</div>
</div>
<table
aria-hidden="true"
class="sb-argstableBlock"
>
<thead
class="sb-argstableBlock-head"
>
<tr>
<th>
<span>
Name
</span>
</th>
<th>
<span>
Description
</span>
</th>
<th>
<span>
Default
</span>
</th>
<th>
<span>
Control
</span>
</th>
</tr>
</thead>
<tbody
class="sb-argstableBlock-body"
>
<tr>
<td>
<span>
propertyName
</span>
<span
title="Required"
>
*
</span>
</td>
<td>
<div>
<span>
This is a short description
</span>
</div>
<div
class="sb-argstableBlock-summary"
>
<div>
<span
class="sb-argstableBlock-code"
>
summary
</span>
</div>
</div>
</td>
<td>
<div>
<span
class="sb-argstableBlock-code"
>
defaultValue
</span>
</div>
</td>
<td>
<button>
|
|
Run integration tests:
packages/ui/src/components/bible-chapter-picker.stories.tsx#L130
TestingLibraryElementError:
Click to debug the error directly in Storybook: http://localhost:6006/?path=/story/components-biblechapterpicker--custom-starting-point&addonPanel=storybook/interactions/panel
Unable to find role="button" and name `/matthew 5/i`
Ignored nodes: comments, script, style
<div>
<div
class="p-8 max-w-2xl mx-auto space-y-4"
>
<div
class="border-l-4 border-yellow-500 bg-yellow-50 dark:bg-yellow-900/20 p-4"
>
<h2
class="text-lg font-semibold text-yellow-800 dark:text-yellow-200 mb-2"
>
Missing Environment Variables
</h2>
<p
class="text-yellow-700 dark:text-yellow-300 mb-4"
>
The following environment variables are required for this story to work properly:
</p>
<ul
class="list-disc list-inside space-y-2 mb-4"
>
<li
class="text-yellow-800 dark:text-yellow-200"
>
<code
class="bg-yellow-100 dark:bg-yellow-900 px-2 py-1 rounded"
>
STORYBOOK_YOUVERSION_APP_KEY
</code>
</li>
<li
class="text-yellow-800 dark:text-yellow-200"
>
<code
class="bg-yellow-100 dark:bg-yellow-900 px-2 py-1 rounded"
>
STORYBOOK_AUTH_REDIRECT_URL
</code>
</li>
</ul>
<p
class="text-sm text-yellow-700 dark:text-yellow-300"
>
Copy
<code>
.env.example
</code>
to
<code>
.env.local
</code>
in
<code>
packages/ui/
</code>
and fill in the required values.
</p>
</div>
</div>
</div>
Ignored nodes: comments, script, style
<div>
<div
class="p-8 max-w-2xl mx-auto space-y-4"
>
<div
class="border-l-4 border-yellow-500 bg-yellow-50 dark:bg-yellow-900/20 p-4"
>
<h2
class="text-lg font-semibold text-yellow-800 dark:text-yellow-200 mb-2"
>
Missing Environment Variables
</h2>
<p
class="text-yellow-700 dark:text-yellow-300 mb-4"
>
The following environment variables are required for this story to work properly:
</p>
<ul
class="list-disc list-inside space-y-2 mb-4"
>
<li
class="text-yellow-800 dark:text-yellow-200"
>
<code
class="bg-yellow-100 dark:bg-yellow-900 px-2 py-1 rounded"
>
STORYBOOK_YOUVERSION_APP_KEY
</code>
</li>
<li
class="text-yellow-800 dark:text-yellow-200"
>
<code
class="bg-yellow-100 dark:bg-yellow-900 px-2 py-1 rounded"
>
STORYBOOK_AUTH_REDIRECT_URL
</code>
</li>
</ul>
<p
class="text-sm text-yellow-700 dark:text-yellow-300"
>
Copy
<code>
.env.example
</code>
to
<code>
.env.local
</code>
in
<code>
packages/ui/
</code>
and fill in the required values.
</p>
</div>
</div>
</div>
❯ findByRole src/components/bible-chapter-picker.stories.tsx:130:40
❯ node_modules/.cache/storybook/5d95dc07dd4b0af4caf1141af51a5d11ef918afbcd779a24b70a36a9980a3109/sb-vitest/deps/@storybook_addon-vitest_internal_test-utils.js?v=e79246f4:145:4
|
|
Run integration tests:
packages/ui/src/components/bible-chapter-picker.stories.tsx#L111
TestingLibraryElementError:
Click to debug the error directly in Storybook: http://localhost:6006/?path=/story/components-biblechapterpicker--dark-background&addonPanel=storybook/interactions/panel
Unable to find role="button" and name `/matthew 5/i`
Ignored nodes: comments, script, style
<div>
<div
class="p-8 max-w-2xl mx-auto space-y-4"
>
<div
class="border-l-4 border-yellow-500 bg-yellow-50 dark:bg-yellow-900/20 p-4"
>
<h2
class="text-lg font-semibold text-yellow-800 dark:text-yellow-200 mb-2"
>
Missing Environment Variables
</h2>
<p
class="text-yellow-700 dark:text-yellow-300 mb-4"
>
The following environment variables are required for this story to work properly:
</p>
<ul
class="list-disc list-inside space-y-2 mb-4"
>
<li
class="text-yellow-800 dark:text-yellow-200"
>
<code
class="bg-yellow-100 dark:bg-yellow-900 px-2 py-1 rounded"
>
STORYBOOK_YOUVERSION_APP_KEY
</code>
</li>
<li
class="text-yellow-800 dark:text-yellow-200"
>
<code
class="bg-yellow-100 dark:bg-yellow-900 px-2 py-1 rounded"
>
STORYBOOK_AUTH_REDIRECT_URL
</code>
</li>
</ul>
<p
class="text-sm text-yellow-700 dark:text-yellow-300"
>
Copy
<code>
.env.example
</code>
to
<code>
.env.local
</code>
in
<code>
packages/ui/
</code>
and fill in the required values.
</p>
</div>
</div>
</div>
Ignored nodes: comments, script, style
<div>
<div
class="p-8 max-w-2xl mx-auto space-y-4"
>
<div
class="border-l-4 border-yellow-500 bg-yellow-50 dark:bg-yellow-900/20 p-4"
>
<h2
class="text-lg font-semibold text-yellow-800 dark:text-yellow-200 mb-2"
>
Missing Environment Variables
</h2>
<p
class="text-yellow-700 dark:text-yellow-300 mb-4"
>
The following environment variables are required for this story to work properly:
</p>
<ul
class="list-disc list-inside space-y-2 mb-4"
>
<li
class="text-yellow-800 dark:text-yellow-200"
>
<code
class="bg-yellow-100 dark:bg-yellow-900 px-2 py-1 rounded"
>
STORYBOOK_YOUVERSION_APP_KEY
</code>
</li>
<li
class="text-yellow-800 dark:text-yellow-200"
>
<code
class="bg-yellow-100 dark:bg-yellow-900 px-2 py-1 rounded"
>
STORYBOOK_AUTH_REDIRECT_URL
</code>
</li>
</ul>
<p
class="text-sm text-yellow-700 dark:text-yellow-300"
>
Copy
<code>
.env.example
</code>
to
<code>
.env.local
</code>
in
<code>
packages/ui/
</code>
and fill in the required values.
</p>
</div>
</div>
</div>
❯ findByRole src/components/bible-chapter-picker.stories.tsx:111:40
❯ node_modules/.cache/storybook/5d95dc07dd4b0af4caf1141af51a5d11ef918afbcd779a24b70a36a9980a3109/sb-vitest/deps/@storybook_addon-vitest_internal_test-utils.js?v=e79246f4:145:4
|
|
Run integration tests:
packages/ui/src/components/bible-chapter-picker.stories.tsx#L57
TestingLibraryElementError:
Click to debug the error directly in Storybook: http://localhost:6006/?path=/story/components-biblechapterpicker--light-background&addonPanel=storybook/interactions/panel
Unable to find role="button" and name `/matthew 5/i`
Ignored nodes: comments, script, style
<div>
<div
class="p-8 max-w-2xl mx-auto space-y-4"
>
<div
class="border-l-4 border-yellow-500 bg-yellow-50 dark:bg-yellow-900/20 p-4"
>
<h2
class="text-lg font-semibold text-yellow-800 dark:text-yellow-200 mb-2"
>
Missing Environment Variables
</h2>
<p
class="text-yellow-700 dark:text-yellow-300 mb-4"
>
The following environment variables are required for this story to work properly:
</p>
<ul
class="list-disc list-inside space-y-2 mb-4"
>
<li
class="text-yellow-800 dark:text-yellow-200"
>
<code
class="bg-yellow-100 dark:bg-yellow-900 px-2 py-1 rounded"
>
STORYBOOK_YOUVERSION_APP_KEY
</code>
</li>
<li
class="text-yellow-800 dark:text-yellow-200"
>
<code
class="bg-yellow-100 dark:bg-yellow-900 px-2 py-1 rounded"
>
STORYBOOK_AUTH_REDIRECT_URL
</code>
</li>
</ul>
<p
class="text-sm text-yellow-700 dark:text-yellow-300"
>
Copy
<code>
.env.example
</code>
to
<code>
.env.local
</code>
in
<code>
packages/ui/
</code>
and fill in the required values.
</p>
</div>
</div>
</div>
Ignored nodes: comments, script, style
<div>
<div
class="p-8 max-w-2xl mx-auto space-y-4"
>
<div
class="border-l-4 border-yellow-500 bg-yellow-50 dark:bg-yellow-900/20 p-4"
>
<h2
class="text-lg font-semibold text-yellow-800 dark:text-yellow-200 mb-2"
>
Missing Environment Variables
</h2>
<p
class="text-yellow-700 dark:text-yellow-300 mb-4"
>
The following environment variables are required for this story to work properly:
</p>
<ul
class="list-disc list-inside space-y-2 mb-4"
>
<li
class="text-yellow-800 dark:text-yellow-200"
>
<code
class="bg-yellow-100 dark:bg-yellow-900 px-2 py-1 rounded"
>
STORYBOOK_YOUVERSION_APP_KEY
</code>
</li>
<li
class="text-yellow-800 dark:text-yellow-200"
>
<code
class="bg-yellow-100 dark:bg-yellow-900 px-2 py-1 rounded"
>
STORYBOOK_AUTH_REDIRECT_URL
</code>
</li>
</ul>
<p
class="text-sm text-yellow-700 dark:text-yellow-300"
>
Copy
<code>
.env.example
</code>
to
<code>
.env.local
</code>
in
<code>
packages/ui/
</code>
and fill in the required values.
</p>
</div>
</div>
</div>
❯ findByRole src/components/bible-chapter-picker.stories.tsx:57:40
❯ node_modules/.cache/storybook/5d95dc07dd4b0af4caf1141af51a5d11ef918afbcd779a24b70a36a9980a3109/sb-vitest/deps/@storybook_addon-vitest_internal_test-utils.js?v=e79246f4:145:4
|
|
Run integration tests:
packages/ui/src/components/bible-card.stories.tsx#L163
TestingLibraryElementError:
Click to debug the error directly in Storybook: http://localhost:6006/?path=/story/components-biblecard--error&addonPanel=storybook/interactions/panel
Unable to find role="heading" and name `/error/i`
Ignored nodes: comments, script, style
<div>
<div
class="p-8 max-w-2xl mx-auto space-y-4"
>
<div
class="border-l-4 border-yellow-500 bg-yellow-50 dark:bg-yellow-900/20 p-4"
>
<h2
class="text-lg font-semibold text-yellow-800 dark:text-yellow-200 mb-2"
>
Missing Environment Variables
</h2>
<p
class="text-yellow-700 dark:text-yellow-300 mb-4"
>
The following environment variables are required for this story to work properly:
</p>
<ul
class="list-disc list-inside space-y-2 mb-4"
>
<li
class="text-yellow-800 dark:text-yellow-200"
>
<code
class="bg-yellow-100 dark:bg-yellow-900 px-2 py-1 rounded"
>
STORYBOOK_YOUVERSION_APP_KEY
</code>
</li>
<li
class="text-yellow-800 dark:text-yellow-200"
>
<code
class="bg-yellow-100 dark:bg-yellow-900 px-2 py-1 rounded"
>
STORYBOOK_AUTH_REDIRECT_URL
</code>
</li>
</ul>
<p
class="text-sm text-yellow-700 dark:text-yellow-300"
>
Copy
<code>
.env.example
</code>
to
<code>
.env.local
</code>
in
<code>
packages/ui/
</code>
and fill in the required values.
</p>
</div>
</div>
</div>
Ignored nodes: comments, script, style
<html
lang="en"
>
<head>
<meta
charset="UTF-8"
/>
<link
href="/__vitest__/favicon.svg"
rel="icon"
type="image/svg+xml"
/>
<meta
content="width=device-width, initial-scale=1.0"
name="viewport"
/>
<title>
Vitest Browser Tester
</title>
<link
crossorigin=""
href="/__vitest_browser__/utils-uxqdqUz8.js"
rel="modulepreload"
/>
<base
target="_parent"
/>
</head>
<body
style="background-color: rgb(255, 255, 255);"
>
<div
class="sb-preparing-story sb-wrapper"
>
<div
class="sb-loader"
/>
</div>
<div
class="sb-preparing-docs sb-wrapper"
>
<div
class="sb-previewBlock"
>
<div
class="sb-previewBlock_header"
>
<div
class="sb-previewBlock_icon"
/>
<div
class="sb-previewBlock_icon"
/>
<div
class="sb-previewBlock_icon"
/>
<div
class="sb-previewBlock_icon"
/>
</div>
<div
class="sb-previewBlock_body"
>
<div
class="sb-loader"
/>
</div>
</div>
<table
aria-hidden="true"
class="sb-argstableBlock"
>
<thead
class="sb-argstableBlock-head"
>
<tr>
<th>
<span>
Name
</span>
</th>
<th>
<span>
Description
</span>
</th>
<th>
<span>
Default
</span>
</th>
<th>
<span>
Control
</span>
</th>
|
|
Run integration tests:
packages/ui/src/components/bible-card.stories.tsx#L71
TestingLibraryElementError:
Click to debug the error directly in Storybook: http://localhost:6006/?path=/story/components-biblecard--with-version-picker&addonPanel=storybook/interactions/panel
Unable to find role="button" and name `/change bible version/i`
Ignored nodes: comments, script, style
<div>
<div
class="p-8 max-w-2xl mx-auto space-y-4"
>
<div
class="border-l-4 border-yellow-500 bg-yellow-50 dark:bg-yellow-900/20 p-4"
>
<h2
class="text-lg font-semibold text-yellow-800 dark:text-yellow-200 mb-2"
>
Missing Environment Variables
</h2>
<p
class="text-yellow-700 dark:text-yellow-300 mb-4"
>
The following environment variables are required for this story to work properly:
</p>
<ul
class="list-disc list-inside space-y-2 mb-4"
>
<li
class="text-yellow-800 dark:text-yellow-200"
>
<code
class="bg-yellow-100 dark:bg-yellow-900 px-2 py-1 rounded"
>
STORYBOOK_YOUVERSION_APP_KEY
</code>
</li>
<li
class="text-yellow-800 dark:text-yellow-200"
>
<code
class="bg-yellow-100 dark:bg-yellow-900 px-2 py-1 rounded"
>
STORYBOOK_AUTH_REDIRECT_URL
</code>
</li>
</ul>
<p
class="text-sm text-yellow-700 dark:text-yellow-300"
>
Copy
<code>
.env.example
</code>
to
<code>
.env.local
</code>
in
<code>
packages/ui/
</code>
and fill in the required values.
</p>
</div>
</div>
</div>
Ignored nodes: comments, script, style
<div>
<div
class="p-8 max-w-2xl mx-auto space-y-4"
>
<div
class="border-l-4 border-yellow-500 bg-yellow-50 dark:bg-yellow-900/20 p-4"
>
<h2
class="text-lg font-semibold text-yellow-800 dark:text-yellow-200 mb-2"
>
Missing Environment Variables
</h2>
<p
class="text-yellow-700 dark:text-yellow-300 mb-4"
>
The following environment variables are required for this story to work properly:
</p>
<ul
class="list-disc list-inside space-y-2 mb-4"
>
<li
class="text-yellow-800 dark:text-yellow-200"
>
<code
class="bg-yellow-100 dark:bg-yellow-900 px-2 py-1 rounded"
>
STORYBOOK_YOUVERSION_APP_KEY
</code>
</li>
<li
class="text-yellow-800 dark:text-yellow-200"
>
<code
class="bg-yellow-100 dark:bg-yellow-900 px-2 py-1 rounded"
>
STORYBOOK_AUTH_REDIRECT_URL
</code>
</li>
</ul>
<p
class="text-sm text-yellow-700 dark:text-yellow-300"
>
Copy
<code>
.env.example
</code>
to
<code>
.env.local
</code>
in
<code>
packages/ui/
</code>
and fill in the required values.
</p>
</div>
</div>
</div>
❯ findByRole src/components/bible-card.stories.tsx:71:45
❯ node_modules/.cache/storybook/5d95dc07dd4b0af4caf1141af51a5d11ef918afbcd779a24b70a36a9980a3109/sb-vitest/deps/@storybook_addon-vitest_internal_test-utils.js?v=e79246f4:145:4
|
|
Run integration tests:
packages/ui/src/components/YouVersionAuthButton.stories.tsx#L297
TestingLibraryElementError:
Click to debug the error directly in Storybook: http://localhost:6006/?path=/story/components-youversionauthbutton--custom-text&addonPanel=storybook/interactions/panel
Unable to find role="button" and name `/custom text/i`
Ignored nodes: comments, script, style
<div>
<div
class="p-8 max-w-2xl mx-auto space-y-4"
>
<div
class="border-l-4 border-yellow-500 bg-yellow-50 dark:bg-yellow-900/20 p-4"
>
<h2
class="text-lg font-semibold text-yellow-800 dark:text-yellow-200 mb-2"
>
Missing Environment Variables
</h2>
<p
class="text-yellow-700 dark:text-yellow-300 mb-4"
>
The following environment variables are required for this story to work properly:
</p>
<ul
class="list-disc list-inside space-y-2 mb-4"
>
<li
class="text-yellow-800 dark:text-yellow-200"
>
<code
class="bg-yellow-100 dark:bg-yellow-900 px-2 py-1 rounded"
>
STORYBOOK_YOUVERSION_APP_KEY
</code>
</li>
<li
class="text-yellow-800 dark:text-yellow-200"
>
<code
class="bg-yellow-100 dark:bg-yellow-900 px-2 py-1 rounded"
>
STORYBOOK_AUTH_REDIRECT_URL
</code>
</li>
</ul>
<p
class="text-sm text-yellow-700 dark:text-yellow-300"
>
Copy
<code>
.env.example
</code>
to
<code>
.env.local
</code>
in
<code>
packages/ui/
</code>
and fill in the required values.
</p>
</div>
</div>
</div>
Ignored nodes: comments, script, style
<div>
<div
class="p-8 max-w-2xl mx-auto space-y-4"
>
<div
class="border-l-4 border-yellow-500 bg-yellow-50 dark:bg-yellow-900/20 p-4"
>
<h2
class="text-lg font-semibold text-yellow-800 dark:text-yellow-200 mb-2"
>
Missing Environment Variables
</h2>
<p
class="text-yellow-700 dark:text-yellow-300 mb-4"
>
The following environment variables are required for this story to work properly:
</p>
<ul
class="list-disc list-inside space-y-2 mb-4"
>
<li
class="text-yellow-800 dark:text-yellow-200"
>
<code
class="bg-yellow-100 dark:bg-yellow-900 px-2 py-1 rounded"
>
STORYBOOK_YOUVERSION_APP_KEY
</code>
</li>
<li
class="text-yellow-800 dark:text-yellow-200"
>
<code
class="bg-yellow-100 dark:bg-yellow-900 px-2 py-1 rounded"
>
STORYBOOK_AUTH_REDIRECT_URL
</code>
</li>
</ul>
<p
class="text-sm text-yellow-700 dark:text-yellow-300"
>
Copy
<code>
.env.example
</code>
to
<code>
.env.local
</code>
in
<code>
packages/ui/
</code>
and fill in the required values.
</p>
</div>
</div>
</div>
❯ findByRole src/components/YouVersionAuthButton.stories.tsx:297:37
❯ node_modules/.cache/storybook/5d95dc07dd4b0af4caf1141af51a5d11ef918afbcd779a24b70a36a9980a3109/sb-vitest/deps/@storybook_addon-vitest_internal_test-utils.js?v=e79246f4:145:4
|
|
Run integration tests:
packages/ui/src/components/YouVersionAuthButton.stories.tsx#L280
TestingLibraryElementError:
Click to debug the error directly in Storybook: http://localhost:6006/?path=/story/components-youversionauthbutton--interaction-test-with-mocked-auth&addonPanel=storybook/interactions/panel
Unable to find role="button" and name `/sign in with youversion/i`
Ignored nodes: comments, script, style
<div>
<div
class="p-8 max-w-2xl mx-auto space-y-4"
>
<div
class="border-l-4 border-yellow-500 bg-yellow-50 dark:bg-yellow-900/20 p-4"
>
<h2
class="text-lg font-semibold text-yellow-800 dark:text-yellow-200 mb-2"
>
Missing Environment Variables
</h2>
<p
class="text-yellow-700 dark:text-yellow-300 mb-4"
>
The following environment variables are required for this story to work properly:
</p>
<ul
class="list-disc list-inside space-y-2 mb-4"
>
<li
class="text-yellow-800 dark:text-yellow-200"
>
<code
class="bg-yellow-100 dark:bg-yellow-900 px-2 py-1 rounded"
>
STORYBOOK_YOUVERSION_APP_KEY
</code>
</li>
<li
class="text-yellow-800 dark:text-yellow-200"
>
<code
class="bg-yellow-100 dark:bg-yellow-900 px-2 py-1 rounded"
>
STORYBOOK_AUTH_REDIRECT_URL
</code>
</li>
</ul>
<p
class="text-sm text-yellow-700 dark:text-yellow-300"
>
Copy
<code>
.env.example
</code>
to
<code>
.env.local
</code>
in
<code>
packages/ui/
</code>
and fill in the required values.
</p>
</div>
</div>
</div>
Ignored nodes: comments, script, style
<div>
<div
class="p-8 max-w-2xl mx-auto space-y-4"
>
<div
class="border-l-4 border-yellow-500 bg-yellow-50 dark:bg-yellow-900/20 p-4"
>
<h2
class="text-lg font-semibold text-yellow-800 dark:text-yellow-200 mb-2"
>
Missing Environment Variables
</h2>
<p
class="text-yellow-700 dark:text-yellow-300 mb-4"
>
The following environment variables are required for this story to work properly:
</p>
<ul
class="list-disc list-inside space-y-2 mb-4"
>
<li
class="text-yellow-800 dark:text-yellow-200"
>
<code
class="bg-yellow-100 dark:bg-yellow-900 px-2 py-1 rounded"
>
STORYBOOK_YOUVERSION_APP_KEY
</code>
</li>
<li
class="text-yellow-800 dark:text-yellow-200"
>
<code
class="bg-yellow-100 dark:bg-yellow-900 px-2 py-1 rounded"
>
STORYBOOK_AUTH_REDIRECT_URL
</code>
</li>
</ul>
<p
class="text-sm text-yellow-700 dark:text-yellow-300"
>
Copy
<code>
.env.example
</code>
to
<code>
.env.local
</code>
in
<code>
packages/ui/
</code>
and fill in the required values.
</p>
</div>
</div>
</div>
❯ findByRole src/components/YouVersionAuthButton.stories.tsx:280:37
❯ node_modules/.cache/storybook/5d95dc07dd4b0af4caf1141af51a5d11ef918afbcd779a24b70a36a9980a3109/sb-vitest/deps/@storybook_addon-vitest_internal_test-utils.js?v=e79246f4:145:4
|
Loading