Process completed with exit code 1.

Process completed with exit code 1.

Process completed with exit code 1.

TypeError: element.animate is not a function ❯ animate node_modules/svelte/src/internal/client/dom/elements/transitions.js:377:26 ❯ Object.in node_modules/svelte/src/internal/client/dom/elements/transitions.js:243:12 ❯ node_modules/svelte/src/internal/client/dom/elements/transitions.js:298:54 ❯ Module.untrack node_modules/svelte/src/internal/client/runtime.js:864:10 ❯ node_modules/svelte/src/internal/client/dom/elements/transitions.js:298:27 ❯ update_reaction node_modules/svelte/src/internal/client/runtime.js:327:56 ❯ update_effect node_modules/svelte/src/internal/client/runtime.js:455:18 ❯ flush_queued_effects node_modules/svelte/src/internal/client/runtime.js:545:4 ❯ flush_queued_root_effects node_modules/svelte/src/internal/client/runtime.js:526:4 ❯ process_deferred node_modules/svelte/src/internal/client/runtime.js:572:2 This error originated in "src/lib/components/shared-components/notification/__tests__/notification-list.spec.ts" test file. It doesn't mean the error was thrown inside the file itself, but while it was running. The latest test that might've caused the error is "shows a notification when added and closes it automatically after the delay timeout". It might mean one of the following: - The error was thrown, while Vitest was running this test. - If the error occurred after the test had been completed, this was the last documented test before it was thrown.

TypeError: element.animate is not a function ❯ animate node_modules/svelte/src/internal/client/dom/elements/transitions.js:377:26 ❯ Object.out node_modules/svelte/src/internal/client/dom/elements/transitions.js:262:12 ❯ run_out_transitions node_modules/svelte/src/internal/client/reactivity/effects.js:519:15 ❯ Module.pause_effect node_modules/svelte/src/internal/client/reactivity/effects.js:503:2 ❯ node_modules/svelte/src/internal/client/dom/blocks/if.js:77:27 ❯ update_reaction node_modules/svelte/src/internal/client/runtime.js:327:56 ❯ update_effect node_modules/svelte/src/internal/client/runtime.js:455:18 ❯ process_effects node_modules/svelte/src/internal/client/runtime.js:634:6 ❯ flush_queued_root_effects node_modules/svelte/src/internal/client/runtime.js:525:4 ❯ process_deferred node_modules/svelte/src/internal/client/runtime.js:572:2 This error originated in "src/lib/components/shared-components/notification/__tests__/notification-list.spec.ts" test file. It doesn't mean the error was thrown inside the file itself, but while it was running. The latest test that might've caused the error is "shows a notification when added and closes it automatically after the delay timeout". It might mean one of the following: - The error was thrown, while Vitest was running this test. - If the error occurred after the test had been completed, this was the last documented test before it was thrown.

SyntaxError: Named export 'WebSocket' not found. The requested module 'ws' is a CommonJS module, which may not support all module.exports as named exports. CommonJS modules can always be imported via the default export, for example using: import pkg from 'ws'; const { WebSocket } = pkg; ❯ src/lib/stores/websocket.ts:4:31

SyntaxError: Named export 'WebSocket' not found. The requested module 'ws' is a CommonJS module, which may not support all module.exports as named exports. CommonJS modules can always be imported via the default export, for example using: import pkg from 'ws'; const { WebSocket } = pkg; ❯ src/lib/stores/websocket.ts:4:31

SyntaxError: Named export 'WebSocket' not found. The requested module 'ws' is a CommonJS module, which may not support all module.exports as named exports. CommonJS modules can always be imported via the default export, for example using: import pkg from 'ws'; const { WebSocket } = pkg; ❯ src/lib/stores/websocket.ts:4:31

SyntaxError: Named export 'WebSocket' not found. The requested module 'ws' is a CommonJS module, which may not support all module.exports as named exports. CommonJS modules can always be imported via the default export, for example using: import pkg from 'ws'; const { WebSocket } = pkg; ❯ src/lib/stores/websocket.ts:4:31

TypeError: element.animate is not a function ❯ animate node_modules/svelte/src/internal/client/dom/elements/transitions.js:377:26 ❯ Object.out node_modules/svelte/src/internal/client/dom/elements/transitions.js:262:12 ❯ run_out_transitions node_modules/svelte/src/internal/client/reactivity/effects.js:519:15 ❯ Module.pause_effect node_modules/svelte/src/internal/client/reactivity/effects.js:503:2 ❯ node_modules/svelte/src/internal/client/dom/blocks/if.js:77:27 ❯ update_reaction node_modules/svelte/src/internal/client/runtime.js:327:56 ❯ update_effect node_modules/svelte/src/internal/client/runtime.js:455:18 ❯ process_effects node_modules/svelte/src/internal/client/runtime.js:634:6 ❯ flush_queued_root_effects node_modules/svelte/src/internal/client/runtime.js:525:4 ❯ flush_sync node_modules/svelte/src/internal/client/runtime.js:698:3

Error: expect(element).not.toBeInTheDocument() expected document not to contain element, found <section class="fixed right-5 top-[80px] z-[99999999]" id="notification-list" > <div> <div class="border z-[999999] mb-4 min-h-[80px] w-[300px] rounded-2xl p-4 shadow-md hover:cursor-pointer" style="background-color: rgb(224, 226, 240); border-color: #d8ddff;" > <div class="flex justify-between" > <div class="flex place-items-center gap-2" > <svg class=" " height="20" role="img" stroke="currentColor" stroke-width="0" viewBox="0 0 24 24" width="20" > <!----> <!----> <path d="M11,9H13V7H11M12,20C7.59,20 4,16.41 4,12C4,7.59 7.59,4 12,4C16.41,4 20,7.59 20,12C20,16.41 16.41,20 12,20M12,2A10,10 0 0,0 2,12A10,10 0 0,0 12,22A10,10 0 0,0 22,12A10,10 0 0,0 12,2M11,17H13V11H11V17Z" fill="#4250AF" /> </svg> <!----> <h2 class="font-medium" data-testid="title" style="color: rgb(66, 80, 175);" > <!----> <!----> info <!----> </h2> </div> <!----> <button aria-hidden="true" class="flex place-content-center place-items-center rounded-full bg-transparent hover:bg-[#d3d3d3] dark:text-immich-dark-fg p-2 transition-all disabled:cursor-default hover:dark:text-immich-dark-gray dark:text-immich-dark-gray " tabindex="-1" title="close" type="button" > <svg aria-label="close" class=" " height="20" role="img" stroke="currentColor" stroke-width="0" viewBox="0 0 24 24" width="20" > <!----> <!----> <path d="M13.46,12L19,17.54V19H17.54L12,13.46L6.46,19H5V17.54L10.54,12L5,6.46V5H6.46L12,10.54L17.54,5H19V6.46L13.46,12Z" fill="currentColor" /> </svg> </button> <!----> </div> <p class="whitespace-pre-wrap pl-[28px] pr-[16px] text-sm" data-testid="message" > Notification <!----> </p> <!----> </div> <!----> </div> </section> instead Ignored nodes: comments, script, style <html lang="dev" > <head /> <body> <div> <div aria-label="notifications" aria-relevant="additions" role="status" > <section class="fixed right-5 top-[80px] z-[99999999]" id="notification-list" > <div> <div class="border z-[999999] mb-4 min-h-[80px] w-[300px] rounded-2xl p-4 shadow-md hover:cursor-pointer" style="background-color: rgb(224, 226, 240); border-color: #d8ddff;" > <div class="flex justify-between" > <div class="flex place-items-center gap-2" > <svg class=" " height="20" role="img" stroke="currentColor" stroke-width="0" viewBox="0 0 24 24" width="20" > <path d="M11,9H13V7H11M12,20C7.59,20 4,16.41 4,12C4,7.59 7.59,4 12,4C16.41,4 20,7.59 20,12C20,16.41 16.41,20 12,20M12,2A10,10 0 0,0 2,12A10,10 0 0,0 12,22A10,10 0 0,0 22,12A10,10 0 0,0 12,2M11,17H13V11H11V17Z" fill="#4250AF" /> </svg> <h2 class="font-medium" data-testid="title" style="color: rgb(66, 80, 175