chore: handle starting as mode where stop should be visible

might be related to podman-desktop#6863
Signed-off-by: Florent Benoit <[email protected]>

Author: benoitf

packages/renderer/src/lib/extensions/InstalledExtensionCardLeftLifecycleStop.spec.ts

@@ -98,3 +98,30 @@ test('Expect unable to stop if already stopped', async () => {
   const button = screen.queryByRole('button', { name: 'Stop' });
   expect(button).not.toBeInTheDocument();
 });
+
+test('Expect to stop pd Extension if starting', async () => {
+  const extension: CombinedExtensionInfoUI = {
+    type: 'pd',
+    id: 'idExtension',
+    name: 'fooName',
+    description: 'my description',
+    displayName: '',
+    publisher: '',
+    removable: true,
+    version: 'v1.2.3',
+    state: 'starting',
+    path: '',
+    readme: '',
+  };
+  render(InstalledExtensionCardLeftLifecycleStop, { extension });
+
+  // get button with label 'Stop'
+  const button = screen.getByRole('button', { name: 'Stop' });
+  expect(button).toBeInTheDocument();
+
+  // click the button
+  await fireEvent.click(button);
+
+  // expect the delete function to be called
+  expect(vi.mocked(window.stopExtension)).toHaveBeenCalledWith('idExtension');
+});

packages/renderer/src/lib/extensions/InstalledExtensionCardLeftLifecycleStop.svelte

@@ -16,7 +16,7 @@ async function stopExtension(): Promise<void> {
 }
 </script>
 
-{#if extension.state === 'started'}
+{#if extension.state === 'started' || extension.state === 'starting'}
   <LoadingIconButton
     clickAction="{() => stopExtension()}"
     action="stop"