Increase test timeouts for integration tests

Set the timeout to 30000ms for all relevant integration tests in complete-session-creation, import-export-workflow, and sample-metadata-modification test suites to prevent flakiness and accommodate longer-running operations.

Author: edeno

src/__tests__/integration/complete-session-creation.test.jsx

@@ -264,7 +264,7 @@ describe('End-to-End Session Creation Workflow', () => {
    * - Form validates with complete data
    * - Exported YAML includes all fields
    */
-  it('creates complete session with all optional fields', async () => {
+  it('creates complete session with all optional fields', { timeout: 30000 }, async () => {
     // ARRANGE
     const user = userEvent.setup();
     render(<App />);
@@ -783,7 +783,7 @@ describe('End-to-End Session Creation Workflow', () => {
    * - Ntrode structure is correct
    * - Ntrode IDs are assigned properly
    */
-  it('triggers ntrode generation when device type selected', async () => {
+  it('triggers ntrode generation when device type selected', { timeout: 30000 }, async () => {
     // ARRANGE
     const user = userEvent.setup();
     render(<App />);
@@ -845,7 +845,7 @@ describe('End-to-End Session Creation Workflow', () => {
    * - Exported YAML is well-formed
    * - All sections are present in export
    */
-  it('validates and exports complete session as valid YAML', async () => {
+  it('validates and exports complete session as valid YAML', { timeout: 30000 }, async () => {
     // ARRANGE
     const user = userEvent.setup();
     render(<App />);

src/__tests__/integration/import-export-workflow.test.jsx

@@ -56,7 +56,7 @@ describe('Import/Export Workflow Integration', () => {
     /**
      * Test 1: Import minimal valid YAML and verify form population
      */
-    it('imports minimal valid YAML and populates form fields', async () => {
+    it('imports minimal valid YAML and populates form fields', { timeout: 30000 }, async () => {
       // ARRANGE
       const user = userEvent.setup();
       const { container } = render(<App />);
@@ -101,7 +101,7 @@ describe('Import/Export Workflow Integration', () => {
     /**
      * Test 2: Import YAML with arrays and verify array population
      */
-    it('imports YAML with arrays (cameras, tasks) and populates correctly', async () => {
+    it('imports YAML with arrays (cameras, tasks) and populates correctly', { timeout: 30000 }, async () => {
       // ARRANGE
       const user = userEvent.setup();
       const { container } = render(<App />);
@@ -148,7 +148,7 @@ describe('Import/Export Workflow Integration', () => {
     /**
      * Test 3: Import YAML and verify nested object structure (subject)
      */
-    it('imports YAML with nested objects and preserves structure', async () => {
+    it('imports YAML with nested objects and preserves structure', { timeout: 30000 }, async () => {
       // ARRANGE
       const user = userEvent.setup();
       const { container } = render(<App />);
@@ -191,7 +191,7 @@ describe('Import/Export Workflow Integration', () => {
      * without running into the field selector issues from Task 1.5.2.
      * We'll use import → export instead for comprehensive testing.
      */
-    it('exports form data as valid YAML with correct structure', async () => {
+    it('exports form data as valid YAML with correct structure', { timeout: 30000 }, async () => {
       // ARRANGE
       const user = userEvent.setup();
       const { container } = render(<App />);
@@ -238,7 +238,7 @@ describe('Import/Export Workflow Integration', () => {
     /**
      * Test 5: Verify export Blob properties
      */
-    it('creates Blob with correct MIME type and content', async () => {
+    it('creates Blob with correct MIME type and content', { timeout: 30000 }, async () => {
       // ARRANGE
       const user = userEvent.setup();
       const { container } = render(<App />);
@@ -275,7 +275,7 @@ describe('Import/Export Workflow Integration', () => {
     /**
      * Test 6: Import → Export → verify data preservation
      */
-    it('preserves all data through import → export cycle', async () => {
+    it('preserves all data through import → export cycle', { timeout: 30000 }, async () => {
       // ARRANGE
       const user = userEvent.setup();
       const { container } = render(<App />);
@@ -321,7 +321,7 @@ describe('Import/Export Workflow Integration', () => {
     /**
      * Test 7: Import → Modify → Export → verify modifications
      */
-    it('preserves modifications after import and re-export', async () => {
+    it('preserves modifications after import and re-export', { timeout: 30000 }, async () => {
       // ARRANGE
       const user = userEvent.setup();
       const { container } = render(<App />);

src/__tests__/integration/sample-metadata-modification.test.jsx

@@ -74,7 +74,7 @@ describe('Sample Metadata Modification Workflow', () => {
    * - YAML is parsed correctly
    * - Form fields are populated with sample data
    */
-  it('imports sample metadata through file upload', async () => {
+  it('imports sample metadata through file upload', { timeout: 30000 }, async () => {
     // ARRANGE
     const user = userEvent.setup();
     const { container } = render(<App />);
@@ -123,7 +123,7 @@ describe('Sample Metadata Modification Workflow', () => {
    * - User can modify existing experimenter names
    * - New values are stored in form state
    */
-  it('modifies experimenter name after import', async () => {
+  it('modifies experimenter name after import', { timeout: 30000 }, async () => {
     // ARRANGE
     const user = userEvent.setup();
     const { container } = render(<App />);
@@ -151,7 +151,7 @@ describe('Sample Metadata Modification Workflow', () => {
    * Note: This test types long strings and may take 8-10 seconds
    * Timeout increased to 15s to prevent flakes when running with full suite
    */
-  it('modifies subject information after import', async () => {
+  it('modifies subject information after import', { timeout: 30000 }, async () => {
     // ARRANGE
     const user = userEvent.setup();
     const { container } = render(<App />);
@@ -193,7 +193,7 @@ describe('Sample Metadata Modification Workflow', () => {
    * - Camera IDs auto-increment correctly
    * - New camera appears in form
    */
-  it('adds new camera to imported metadata', async () => {
+  it('adds new camera to imported metadata', { timeout: 30000 }, async () => {
     // ARRANGE
     const user = userEvent.setup();
     const { container } = render(<App />);
@@ -227,7 +227,7 @@ describe('Sample Metadata Modification Workflow', () => {
    * - New task appears in form
    * - Task can reference existing cameras
    */
-  it('adds new task to imported metadata', async () => {
+  it('adds new task to imported metadata', { timeout: 30000 }, async () => {
     // ARRANGE
     const user = userEvent.setup();
     const { container } = render(<App />);
@@ -260,7 +260,7 @@ describe('Sample Metadata Modification Workflow', () => {
    * - Electrode group ID auto-increments
    * - New electrode group appears in form
    */
-  it('adds new electrode group to imported metadata', async () => {
+  it('adds new electrode group to imported metadata', { timeout: 30000 }, async () => {
     // ARRANGE
     const user = userEvent.setup();
     const { container } = render(<App />);
@@ -290,7 +290,7 @@ describe('Sample Metadata Modification Workflow', () => {
    * - Export functionality works after import
    * - Blob contains YAML content
    */
-  it('re-exports metadata with modifications preserved', async () => {
+  it('re-exports metadata with modifications preserved', { timeout: 30000 }, async () => {
     // ARRANGE
     const user = userEvent.setup();
     const { container } = render(<App />);
@@ -341,7 +341,7 @@ describe('Sample Metadata Modification Workflow', () => {
    * - All modifications are preserved through round-trip
    * - No data loss during import/export cycle
    */
-  it('preserves all modifications through import-modify-export-import round-trip', async () => {
+  it('preserves all modifications through import-modify-export-import round-trip', { timeout: 30000 }, async () => {
     // ARRANGE
     const user = userEvent.setup();
     const { container } = render(<App />);