Remove tic tac toe

examples/button-factory/src/secret-input.test.js

@@ -1,6 +1,36 @@
-import { describe, expect, it, beforeEach } from 'vitest';
+import { describe, expect, it, beforeEach, vi, afterEach } from 'vitest';
 import { screen } from '@testing-library/dom';
 import userEvent from '@testing-library/user-event';
 import { createSecretInput } from './secret-input.js';
 
-describe.todo('createSecretInput', async () => {});
+import '@testing-library/jest-dom/vitest';
+
+describe('createSecretInput', async () => {
+  beforeEach(() => {
+    vi.spyOn(localStorage, 'getItem').mockReturnValue('test secret');
+    vi.spyOn(localStorage, 'setItem');
+
+    document.body.innerHTML = '';
+    document.body.appendChild(createSecretInput());
+  });
+
+  afterEach(() => {
+    vi.restoreAllMocks();
+  });
+
+  it('should have loaded the secret from localStorage', async () => {
+    expect(screen.getByLabelText('Secret')).toHaveValue('test secret');
+    expect(localStorage.getItem).toHaveBeenCalledWith('secret');
+  });
+
+  it('should save the secret to localStorage', async () => {
+    const input = screen.getByLabelText('Secret');
+    const button = screen.getByText('Store Secret');
+
+    await userEvent.clear(input);
+    await userEvent.type(input, 'new secret');
+    await userEvent.click(button);
+
+    expect(localStorage.setItem).toHaveBeenCalledWith('secret', 'new secret');
+  });
+});