Add some basic tests

Author: gavande1

Diff for: src/components/tests/terminal-picker.tsx

@@ -0,0 +1,26 @@
+import { render, screen, fireEvent } from '@testing-library/react';
+import { TerminalPicker } from 'src/components/terminal-picker';
+
+describe( 'TerminalPicker', () => {
+	const mockOnChange = jest.fn();
+
+	beforeEach( () => {
+		jest.clearAllMocks();
+	} );
+
+	it( 'renders correctly with initial props', () => {
+		render( <TerminalPicker value="terminal" onChange={ mockOnChange } /> );
+
+		expect( screen.getByText( 'Shell' ) ).toBeVisible();
+		expect( screen.getByRole( 'combobox' ) ).toBeVisible();
+	} );
+
+	it( 'calls onChange when selecting a different terminal', async () => {
+		render( <TerminalPicker value="terminal" onChange={ mockOnChange } /> );
+
+		const select = screen.getByRole( 'combobox' );
+		fireEvent.change( select, { target: { value: 'iterm' } } );
+
+		expect( mockOnChange ).toHaveBeenCalledWith( 'iterm', expect.anything() );
+	} );
+} );

Diff for: src/components/tests/user-settings.test.tsx

@@ -87,6 +87,7 @@ describe( 'UserSettings', () => {
 			fireEvent.click( screen.getByText( 'Preferences' ) );
 			expect( screen.getByText( 'Preferences' ) ).toHaveAttribute( 'aria-selected', 'true' );
 			expect( screen.getByText( 'Language' ) ).toBeVisible();
+			expect( screen.getByText( 'Shell' ) ).toBeVisible();
 
 			// Switch to Usage tab
 			fireEvent.click( screen.getByText( 'Usage' ) );