fix deprecated button event for nextui buttons #461
ci_pipeline.yml
on: push
Run linter and tests
1m 0s
Deploy stage environment
0s
Annotations
7 errors
__tests__/app/[id]/page.test.tsx > Title page has title:
__tests__/app/[id]/page.test.tsx#L19
TestingLibraryElementError: Unable to find an element with the text: Huginavisen. 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="w-9/12 flex flex-col content-center"
>
<p>
Henter kontakt- og utgivelsesinformasjon...
</p>
<div
class="modal-backdrop"
>
<div
class="modal-style border-red-600 bg-red-300"
>
<div
class="text-center"
>
<h3
class="top-title-style"
>
Ojsann...
</h3>
<p
class="group-content-style mt-3 whitespace-pre-wrap"
>
Får ikke kontakt med databasen for å se etter kontakt- og utgivelsesinformasjon.
<br />
Kontakt tekst-teamet
<a
class="text-blue-600 font-bold"
href="https://sd.nb.no"
target="_blank"
>
her
</a>
dersom problemet vedvarer.
</p>
<div
class="flex flex-row justify-evenly"
>
<button
class="z-0 group relative inline-flex items-center justify-center box-border appearance-none select-none whitespace-nowrap font-normal subpixel-antialiased overflow-hidden tap-highlight-transparent data-[pressed=true]:scale-[0.97] outline-none data-[focus-visible=true]:z-10 data-[focus-visible=true]:outline-2 data-[focus-visible=true]:outline-focus data-[focus-visible=true]:outline-offset-2 px-6 min-w-24 h-12 text-medium gap-3 rounded-large [&>svg]:max-w-[theme(spacing.8)] transition-transform-colors-opacity motion-reduce:transition-none bg-default text-default-foreground data-[hover=true]:opacity-hover abort-button-style mt-5"
type="button"
>
Lukk
</button>
</div>
</div>
</div>
</div>
</div>
</div>
</body>
Ignored nodes: comments, script, style
<body>
<div>
<div
class="w-9/12 flex flex-col content-center"
>
<p>
Henter kontakt- og utgivelsesinformasjon...
</p>
<div
class="modal-backdrop"
>
<div
class="modal-style border-red-600 bg-red-300"
>
<div
class="text-center"
>
<h3
class="top-title-style"
>
Ojsann...
</h3>
<p
class="group-content-style mt-3 whitespace-pre-wrap"
>
Får ikke kontakt med databasen for å se etter kontakt- og utgivelsesinformasjon.
<br />
Kontakt tekst-teamet
<a
class="text-blue-600 font-bold"
href="https://sd.nb.no"
target="_blank"
>
her
</a>
dersom problemet vedvarer.
</p>
<div
class="flex flex-row justify-evenly"
>
<button
class="z-0 group relative inline-flex items-center justify-center box-border appearance-none select-none whitespace-nowrap font-normal subpixel-antialiased overflow-hidden tap-highlight-transparent data-[pressed=true]:scale-[0.97] outline-none data-[focus-visible=true]:z-10 data-[focus-visible=true]:outline-2 data-[focus-visible=true]:outline-focus data-[focus-visible=true]:outline-offset-2 px-6 min-w-24 h-12 text-medium gap-3 rounded-large [&>svg]:max-w-[theme(spacing.8)] transition-transform-colors-opacity motion-reduce:transition-none bg-default text-default-foreground data-[hover=true]:opacity-hover abort-button-style mt-5"
type="button"
>
Lukk
</button>
</div>
</div>
</div>
</div>
</div>
|
__tests__/app/[id]/page.test.tsx > Title page displays shelf:
__tests__/app/[id]/page.test.tsx#L27
TestingLibraryElementError: Unable to find an element with the text: Hyllesignatur:. 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="w-9/12 flex flex-col content-center"
>
<p>
Henter kontakt- og utgivelsesinformasjon...
</p>
<div
class="modal-backdrop"
>
<div
class="modal-style border-red-600 bg-red-300"
>
<div
class="text-center"
>
<h3
class="top-title-style"
>
Ojsann...
</h3>
<p
class="group-content-style mt-3 whitespace-pre-wrap"
>
Får ikke kontakt med databasen for å se etter kontakt- og utgivelsesinformasjon.
<br />
Kontakt tekst-teamet
<a
class="text-blue-600 font-bold"
href="https://sd.nb.no"
target="_blank"
>
her
</a>
dersom problemet vedvarer.
</p>
<div
class="flex flex-row justify-evenly"
>
<button
class="z-0 group relative inline-flex items-center justify-center box-border appearance-none select-none whitespace-nowrap font-normal subpixel-antialiased overflow-hidden tap-highlight-transparent data-[pressed=true]:scale-[0.97] outline-none data-[focus-visible=true]:z-10 data-[focus-visible=true]:outline-2 data-[focus-visible=true]:outline-focus data-[focus-visible=true]:outline-offset-2 px-6 min-w-24 h-12 text-medium gap-3 rounded-large [&>svg]:max-w-[theme(spacing.8)] transition-transform-colors-opacity motion-reduce:transition-none bg-default text-default-foreground data-[hover=true]:opacity-hover abort-button-style mt-5"
type="button"
>
Lukk
</button>
</div>
</div>
</div>
</div>
</div>
</div>
</body>
Ignored nodes: comments, script, style
<body>
<div>
<div
class="w-9/12 flex flex-col content-center"
>
<p>
Henter kontakt- og utgivelsesinformasjon...
</p>
<div
class="modal-backdrop"
>
<div
class="modal-style border-red-600 bg-red-300"
>
<div
class="text-center"
>
<h3
class="top-title-style"
>
Ojsann...
</h3>
<p
class="group-content-style mt-3 whitespace-pre-wrap"
>
Får ikke kontakt med databasen for å se etter kontakt- og utgivelsesinformasjon.
<br />
Kontakt tekst-teamet
<a
class="text-blue-600 font-bold"
href="https://sd.nb.no"
target="_blank"
>
her
</a>
dersom problemet vedvarer.
</p>
<div
class="flex flex-row justify-evenly"
>
<button
class="z-0 group relative inline-flex items-center justify-center box-border appearance-none select-none whitespace-nowrap font-normal subpixel-antialiased overflow-hidden tap-highlight-transparent data-[pressed=true]:scale-[0.97] outline-none data-[focus-visible=true]:z-10 data-[focus-visible=true]:outline-2 data-[focus-visible=true]:outline-focus data-[focus-visible=true]:outline-offset-2 px-6 min-w-24 h-12 text-medium gap-3 rounded-large [&>svg]:max-w-[theme(spacing.8)] transition-transform-colors-opacity motion-reduce:transition-none bg-default text-default-foreground data-[hover=true]:opacity-hover abort-button-style mt-5"
type="button"
>
Lukk
</button>
</div>
</div>
</div>
</div>
</di
|
__tests__/app/[id]/page.test.tsx > Title page displays contact info:
__tests__/app/[id]/page.test.tsx#L32
TestingLibraryElementError: Unable to find an element with the text: Kontaktinformasjon:. 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="w-9/12 flex flex-col content-center"
>
<p>
Henter kontakt- og utgivelsesinformasjon...
</p>
<div
class="modal-backdrop"
>
<div
class="modal-style border-red-600 bg-red-300"
>
<div
class="text-center"
>
<h3
class="top-title-style"
>
Ojsann...
</h3>
<p
class="group-content-style mt-3 whitespace-pre-wrap"
>
Får ikke kontakt med databasen for å se etter kontakt- og utgivelsesinformasjon.
<br />
Kontakt tekst-teamet
<a
class="text-blue-600 font-bold"
href="https://sd.nb.no"
target="_blank"
>
her
</a>
dersom problemet vedvarer.
</p>
<div
class="flex flex-row justify-evenly"
>
<button
class="z-0 group relative inline-flex items-center justify-center box-border appearance-none select-none whitespace-nowrap font-normal subpixel-antialiased overflow-hidden tap-highlight-transparent data-[pressed=true]:scale-[0.97] outline-none data-[focus-visible=true]:z-10 data-[focus-visible=true]:outline-2 data-[focus-visible=true]:outline-focus data-[focus-visible=true]:outline-offset-2 px-6 min-w-24 h-12 text-medium gap-3 rounded-large [&>svg]:max-w-[theme(spacing.8)] transition-transform-colors-opacity motion-reduce:transition-none bg-default text-default-foreground data-[hover=true]:opacity-hover abort-button-style mt-5"
type="button"
>
Lukk
</button>
</div>
</div>
</div>
</div>
</div>
</div>
</body>
Ignored nodes: comments, script, style
<body>
<div>
<div
class="w-9/12 flex flex-col content-center"
>
<p>
Henter kontakt- og utgivelsesinformasjon...
</p>
<div
class="modal-backdrop"
>
<div
class="modal-style border-red-600 bg-red-300"
>
<div
class="text-center"
>
<h3
class="top-title-style"
>
Ojsann...
</h3>
<p
class="group-content-style mt-3 whitespace-pre-wrap"
>
Får ikke kontakt med databasen for å se etter kontakt- og utgivelsesinformasjon.
<br />
Kontakt tekst-teamet
<a
class="text-blue-600 font-bold"
href="https://sd.nb.no"
target="_blank"
>
her
</a>
dersom problemet vedvarer.
</p>
<div
class="flex flex-row justify-evenly"
>
<button
class="z-0 group relative inline-flex items-center justify-center box-border appearance-none select-none whitespace-nowrap font-normal subpixel-antialiased overflow-hidden tap-highlight-transparent data-[pressed=true]:scale-[0.97] outline-none data-[focus-visible=true]:z-10 data-[focus-visible=true]:outline-2 data-[focus-visible=true]:outline-focus data-[focus-visible=true]:outline-offset-2 px-6 min-w-24 h-12 text-medium gap-3 rounded-large [&>svg]:max-w-[theme(spacing.8)] transition-transform-colors-opacity motion-reduce:transition-none bg-default text-default-foreground data-[hover=true]:opacity-hover abort-button-style mt-5"
type="button"
>
Lukk
</button>
</div>
</div>
</div>
</div>
|
__tests__/app/[id]/page.test.tsx > Title page displays release pattern:
__tests__/app/[id]/page.test.tsx#L40
TestingLibraryElementError: Unable to find an element with the text: Utgivelsesmønster:. 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="w-9/12 flex flex-col content-center"
>
<p>
Henter kontakt- og utgivelsesinformasjon...
</p>
<div
class="modal-backdrop"
>
<div
class="modal-style border-red-600 bg-red-300"
>
<div
class="text-center"
>
<h3
class="top-title-style"
>
Ojsann...
</h3>
<p
class="group-content-style mt-3 whitespace-pre-wrap"
>
Får ikke kontakt med databasen for å se etter kontakt- og utgivelsesinformasjon.
<br />
Kontakt tekst-teamet
<a
class="text-blue-600 font-bold"
href="https://sd.nb.no"
target="_blank"
>
her
</a>
dersom problemet vedvarer.
</p>
<div
class="flex flex-row justify-evenly"
>
<button
class="z-0 group relative inline-flex items-center justify-center box-border appearance-none select-none whitespace-nowrap font-normal subpixel-antialiased overflow-hidden tap-highlight-transparent data-[pressed=true]:scale-[0.97] outline-none data-[focus-visible=true]:z-10 data-[focus-visible=true]:outline-2 data-[focus-visible=true]:outline-focus data-[focus-visible=true]:outline-offset-2 px-6 min-w-24 h-12 text-medium gap-3 rounded-large [&>svg]:max-w-[theme(spacing.8)] transition-transform-colors-opacity motion-reduce:transition-none bg-default text-default-foreground data-[hover=true]:opacity-hover abort-button-style mt-5"
type="button"
>
Lukk
</button>
</div>
</div>
</div>
</div>
</div>
</div>
</body>
Ignored nodes: comments, script, style
<body>
<div>
<div
class="w-9/12 flex flex-col content-center"
>
<p>
Henter kontakt- og utgivelsesinformasjon...
</p>
<div
class="modal-backdrop"
>
<div
class="modal-style border-red-600 bg-red-300"
>
<div
class="text-center"
>
<h3
class="top-title-style"
>
Ojsann...
</h3>
<p
class="group-content-style mt-3 whitespace-pre-wrap"
>
Får ikke kontakt med databasen for å se etter kontakt- og utgivelsesinformasjon.
<br />
Kontakt tekst-teamet
<a
class="text-blue-600 font-bold"
href="https://sd.nb.no"
target="_blank"
>
her
</a>
dersom problemet vedvarer.
</p>
<div
class="flex flex-row justify-evenly"
>
<button
class="z-0 group relative inline-flex items-center justify-center box-border appearance-none select-none whitespace-nowrap font-normal subpixel-antialiased overflow-hidden tap-highlight-transparent data-[pressed=true]:scale-[0.97] outline-none data-[focus-visible=true]:z-10 data-[focus-visible=true]:outline-2 data-[focus-visible=true]:outline-focus data-[focus-visible=true]:outline-offset-2 px-6 min-w-24 h-12 text-medium gap-3 rounded-large [&>svg]:max-w-[theme(spacing.8)] transition-transform-colors-opacity motion-reduce:transition-none bg-default text-default-foreground data-[hover=true]:opacity-hover abort-button-style mt-5"
type="button"
>
Lukk
</button>
</div>
</div>
</div>
</div>
|
__tests__/app/[id]/page.test.tsx > Title page displays notes:
__tests__/app/[id]/page.test.tsx#L51
TestingLibraryElementError: Unable to find an element with the text: Merknad/kommentar på tittel:. 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="w-9/12 flex flex-col content-center"
>
<p>
Henter kontakt- og utgivelsesinformasjon...
</p>
<div
class="modal-backdrop"
>
<div
class="modal-style border-red-600 bg-red-300"
>
<div
class="text-center"
>
<h3
class="top-title-style"
>
Ojsann...
</h3>
<p
class="group-content-style mt-3 whitespace-pre-wrap"
>
Får ikke kontakt med databasen for å se etter kontakt- og utgivelsesinformasjon.
<br />
Kontakt tekst-teamet
<a
class="text-blue-600 font-bold"
href="https://sd.nb.no"
target="_blank"
>
her
</a>
dersom problemet vedvarer.
</p>
<div
class="flex flex-row justify-evenly"
>
<button
class="z-0 group relative inline-flex items-center justify-center box-border appearance-none select-none whitespace-nowrap font-normal subpixel-antialiased overflow-hidden tap-highlight-transparent data-[pressed=true]:scale-[0.97] outline-none data-[focus-visible=true]:z-10 data-[focus-visible=true]:outline-2 data-[focus-visible=true]:outline-focus data-[focus-visible=true]:outline-offset-2 px-6 min-w-24 h-12 text-medium gap-3 rounded-large [&>svg]:max-w-[theme(spacing.8)] transition-transform-colors-opacity motion-reduce:transition-none bg-default text-default-foreground data-[hover=true]:opacity-hover abort-button-style mt-5"
type="button"
>
Lukk
</button>
</div>
</div>
</div>
</div>
</div>
</div>
</body>
Ignored nodes: comments, script, style
<body>
<div>
<div
class="w-9/12 flex flex-col content-center"
>
<p>
Henter kontakt- og utgivelsesinformasjon...
</p>
<div
class="modal-backdrop"
>
<div
class="modal-style border-red-600 bg-red-300"
>
<div
class="text-center"
>
<h3
class="top-title-style"
>
Ojsann...
</h3>
<p
class="group-content-style mt-3 whitespace-pre-wrap"
>
Får ikke kontakt med databasen for å se etter kontakt- og utgivelsesinformasjon.
<br />
Kontakt tekst-teamet
<a
class="text-blue-600 font-bold"
href="https://sd.nb.no"
target="_blank"
>
her
</a>
dersom problemet vedvarer.
</p>
<div
class="flex flex-row justify-evenly"
>
<button
class="z-0 group relative inline-flex items-center justify-center box-border appearance-none select-none whitespace-nowrap font-normal subpixel-antialiased overflow-hidden tap-highlight-transparent data-[pressed=true]:scale-[0.97] outline-none data-[focus-visible=true]:z-10 data-[focus-visible=true]:outline-2 data-[focus-visible=true]:outline-focus data-[focus-visible=true]:outline-offset-2 px-6 min-w-24 h-12 text-medium gap-3 rounded-large [&>svg]:max-w-[theme(spacing.8)] transition-transform-colors-opacity motion-reduce:transition-none bg-default text-default-foreground data-[hover=true]:opacity-hover abort-button-style mt-5"
type="button"
>
Lukk
</button>
</div>
</div>
</div>
<
|
__tests__/app/[id]/page.test.tsx > Title page displays issues:
__tests__/app/[id]/page.test.tsx#L56
TestingLibraryElementError: Unable to find an element with the text: Dag. 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="w-9/12 flex flex-col content-center"
>
<p>
Henter kontakt- og utgivelsesinformasjon...
</p>
<div
class="modal-backdrop"
>
<div
class="modal-style border-red-600 bg-red-300"
>
<div
class="text-center"
>
<h3
class="top-title-style"
>
Ojsann...
</h3>
<p
class="group-content-style mt-3 whitespace-pre-wrap"
>
Får ikke kontakt med databasen for å se etter kontakt- og utgivelsesinformasjon.
<br />
Kontakt tekst-teamet
<a
class="text-blue-600 font-bold"
href="https://sd.nb.no"
target="_blank"
>
her
</a>
dersom problemet vedvarer.
</p>
<div
class="flex flex-row justify-evenly"
>
<button
class="z-0 group relative inline-flex items-center justify-center box-border appearance-none select-none whitespace-nowrap font-normal subpixel-antialiased overflow-hidden tap-highlight-transparent data-[pressed=true]:scale-[0.97] outline-none data-[focus-visible=true]:z-10 data-[focus-visible=true]:outline-2 data-[focus-visible=true]:outline-focus data-[focus-visible=true]:outline-offset-2 px-6 min-w-24 h-12 text-medium gap-3 rounded-large [&>svg]:max-w-[theme(spacing.8)] transition-transform-colors-opacity motion-reduce:transition-none bg-default text-default-foreground data-[hover=true]:opacity-hover abort-button-style mt-5"
type="button"
>
Lukk
</button>
</div>
</div>
</div>
</div>
</div>
</div>
</body>
Ignored nodes: comments, script, style
<body>
<div>
<div
class="w-9/12 flex flex-col content-center"
>
<p>
Henter kontakt- og utgivelsesinformasjon...
</p>
<div
class="modal-backdrop"
>
<div
class="modal-style border-red-600 bg-red-300"
>
<div
class="text-center"
>
<h3
class="top-title-style"
>
Ojsann...
</h3>
<p
class="group-content-style mt-3 whitespace-pre-wrap"
>
Får ikke kontakt med databasen for å se etter kontakt- og utgivelsesinformasjon.
<br />
Kontakt tekst-teamet
<a
class="text-blue-600 font-bold"
href="https://sd.nb.no"
target="_blank"
>
her
</a>
dersom problemet vedvarer.
</p>
<div
class="flex flex-row justify-evenly"
>
<button
class="z-0 group relative inline-flex items-center justify-center box-border appearance-none select-none whitespace-nowrap font-normal subpixel-antialiased overflow-hidden tap-highlight-transparent data-[pressed=true]:scale-[0.97] outline-none data-[focus-visible=true]:z-10 data-[focus-visible=true]:outline-2 data-[focus-visible=true]:outline-focus data-[focus-visible=true]:outline-offset-2 px-6 min-w-24 h-12 text-medium gap-3 rounded-large [&>svg]:max-w-[theme(spacing.8)] transition-transform-colors-opacity motion-reduce:transition-none bg-default text-default-foreground data-[hover=true]:opacity-hover abort-button-style mt-5"
type="button"
>
Lukk
</button>
</div>
</div>
</div>
</div>
</div>
</div>
|
Run linter and tests
Process completed with exit code 1.
|