feat: improves the loader for logs #7294
Annotations
2 errors
Run Tests:
assets/components/LogViewer/EventSource.spec.ts#L106
Error: Snapshot `<ContainerEventSource /> > renders loading correctly 1` mismatched
- Expected
+ Received
"<div class="flex min-h-[1px] justify-center"><span class="loading loading-bars loading-md mt-4 text-primary" style="display: none;"></span></div>
- <div class="m-4 text-center"><span class="loading loading-ring loading-md text-primary"></span></div>
- <ul data-v-cf9ff940="" class="events group pt-4 medium"></ul>"
+ <ul role="status" class="flex animate-pulse flex-col gap-4 p-4">
+ <div class="flex flex-row gap-2">
+ <div class="h-3 w-40 rounded-full bg-base-content/50 opacity-50"></div>
+ <div class="h-3 w-full rounded-full bg-base-content/50 opacity-50"></div>
+ </div>
+ <div class="flex flex-row gap-2">
+ <div class="h-3 w-40 rounded-full bg-base-content/50 opacity-50"></div>
+ <div class="h-3 w-full rounded-full bg-base-content/50 opacity-50"></div>
+ </div>
+ <div class="flex flex-row gap-2">
+ <div class="h-3 w-40 rounded-full bg-base-content/50 opacity-50"></div>
+ <div class="h-3 w-full rounded-full bg-base-content/50 opacity-50"></div>
+ </div>
+ <div class="flex flex-row gap-2">
+ <div class="h-3 w-40 rounded-full bg-base-content/50 opacity-50"></div>
+ <div class="h-3 w-full rounded-full bg-base-content/50 opacity-50"></div>
+ </div>
+ <div class="flex flex-row gap-2">
+ <div class="h-3 w-40 rounded-full bg-base-content/50 opacity-50"></div>
+ <div class="h-3 w-full rounded-full bg-base-content/50 opacity-50"></div>
+ </div>
+ <div class="flex flex-row gap-2">
+ <div class="h-3 w-40 rounded-full bg-base-content/50 opacity-50"></div>
+ <div class="h-3 w-full rounded-full bg-base-content/50 opacity-50"></div>
+ </div>
+ <div class="flex flex-row gap-2">
+ <div class="h-3 w-40 rounded-full bg-base-content/50 opacity-50"></div>
+ <div class="h-3 w-full rounded-full bg-base-content/50 opacity-50"></div>
+ </div><span class="sr-only">Loading...</span>
+ </ul>
+ <div data-v-2dbf2928="" class="animate-background h-1 w-1/2 bg-gradient-radial to-transparent to-75% from-secondary"></div>"
❯ assets/components/LogViewer/EventSource.spec.ts:106:28
|
Run Tests
Process completed with exit code 1.
|
Loading