Skip to content

fix deprecated button event for nextui buttons #461

fix deprecated button event for nextui buttons

fix deprecated button event for nextui buttons #461

Triggered via push January 9, 2025 11:53
Status Failure
Total duration 1m 16s
Artifacts

ci_pipeline.yml

on: push
Run linter and tests
1m 0s
Run linter and tests
Create and push Docker image
0s
Create and push Docker image
Deploy stage environment
0s
Deploy stage environment
Fit to window
Zoom out
Zoom in

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.