diff --git a/src/mission-control-client/src/components/MissionLaunchStatusBadge.test.tsx b/src/mission-control-client/src/components/MissionLaunchStatusBadge.test.tsx
new file mode 100644
index 0000000..f6f1270
--- /dev/null
+++ b/src/mission-control-client/src/components/MissionLaunchStatusBadge.test.tsx
@@ -0,0 +1,16 @@
+import { MantineProvider } from '@mantine/core';
+import { render, screen } from '@testing-library/react';
+import { describe, expect, it } from 'vitest';
+import { MissionLaunchStatusBadge } from './MissionLaunchStatusBadge';
+
+describe('MissionLaunchStatusBadge', () => {
+  it('shows the status label', () => {
+    render(
+      <MantineProvider>
+        <MissionLaunchStatusBadge status="Cancelled" />
+      </MantineProvider>,
+    );
+
+    expect(screen.getByText('Cancelled')).toBeInTheDocument();
+  });
+});