chore: bump ui-svelte to 1.23.1 and fix tests (#479)

Signed-off-by: Philippe Martin <[email protected]>

Author: feloy

packages/webview/package.json

@@ -30,7 +30,7 @@
     "@fortawesome/free-brands-svg-icons": "^7.0.0",
     "@fortawesome/free-regular-svg-icons": "^7.0.1",
     "@fortawesome/free-solid-svg-icons": "^7.0.0",
-    "@podman-desktop/ui-svelte": "1.22.1",
+    "@podman-desktop/ui-svelte": "1.23.1",
     "@podman-desktop/webview-api": "1.23.1",
     "@podman-desktop/kubernetes-dashboard-extension-api": "workspace:*",
     "@sveltejs/vite-plugin-svelte": "^6",

packages/webview/src/component/connection/CurrentContextConnectionBadge.spec.ts

@@ -26,6 +26,7 @@ import { StatesMocks } from '/@/tests/state-mocks';
 import { FakeStateObject } from '/@/state/util/fake-state-object.svelte';
 import CurrentContextConnectionBadge from './CurrentContextConnectionBadge.svelte';
 import type { ContextsHealthsInfo } from '@podman-desktop/kubernetes-dashboard-extension-api';
+import { fireEvent } from '@testing-library/dom';
 
 const statesMocks = new StatesMocks();
 
@@ -102,6 +103,9 @@ describe('current context is reachable', () => {
   test('no tooltip', async () => {
     render(CurrentContextConnectionBadge);
 
+    const tooltipTrigger = screen.getByTestId('tooltip-trigger');
+    fireEvent.mouseEnter(tooltipTrigger);
+
     expect(screen.queryByLabelText('tooltip')).toBeNull();
   });
 });
@@ -146,6 +150,9 @@ describe('current context is not reachable', () => {
   test('tooltip', async () => {
     render(CurrentContextConnectionBadge);
 
+    const tooltipTrigger = screen.getByTestId('tooltip-trigger');
+    fireEvent.mouseEnter(tooltipTrigger);
+
     expect(screen.getByLabelText('tooltip')).toBeDefined();
   });
 });
@@ -190,6 +197,9 @@ describe('current context is offline', () => {
   test('expect tooltip when offline', async () => {
     render(CurrentContextConnectionBadge);
 
+    const tooltipTrigger = screen.getByTestId('tooltip-trigger');
+    fireEvent.mouseEnter(tooltipTrigger);
+
     const tooltip = screen.getByLabelText('tooltip');
     expect(tooltip).toHaveTextContent('connection lost, you can try to reconnect');
   });

packages/webview/src/component/label/Label.spec.ts

@@ -18,7 +18,7 @@
 
 import '@testing-library/jest-dom/vitest';
 
-import { render, screen } from '@testing-library/svelte';
+import { fireEvent, render, screen } from '@testing-library/svelte';
 import { expect, test } from 'vitest';
 
 import LabelSpec from './LabelSpec.svelte';
@@ -48,6 +48,10 @@ test('Expect tooltip', async () => {
     name: 'label',
     tip: tip,
   });
+
+  const tooltipTrigger = screen.getByTestId('tooltip-trigger');
+  await fireEvent.mouseEnter(tooltipTrigger);
+
   const label = screen.getByText(tip);
   expect(label).toBeInTheDocument();
   expect(label.parentElement?.firstChild).toBeInTheDocument();

packages/webview/src/component/port-forward/KubePort.spec.ts

@@ -18,7 +18,7 @@
 
 import '@testing-library/jest-dom/vitest';
 
-import { fireEvent, render } from '@testing-library/svelte';
+import { fireEvent, render, screen } from '@testing-library/svelte';
 import { beforeEach, describe, expect, test, vi } from 'vitest';
 
 import KubePort from './KubePort.svelte';
@@ -203,6 +203,9 @@ describe('port forwarding', () => {
       kind: WorkloadKind.POD,
     });
 
+    const tooltipTrigger = screen.getByTestId('tooltip-trigger');
+    await fireEvent.mouseEnter(tooltipTrigger);
+
     const port80 = queryByTitle('Forward port 80');
     expect(port80).toBeNull();