test(ModelManager): increase time.tick to harden flaky tests

Author: remarkablemark

src/components/ModelManager/ModelManager.test.tsx

@@ -323,7 +323,7 @@ describe('ModelManager', () => {
 
       const props = getLastSelectProps();
       props.onChange?.('switch');
-      await time.tick(10);
+      await time.tick(20);
 
       expect(lastFrame()).toContain('Loading models');
 
@@ -388,7 +388,7 @@ describe('ModelManager', () => {
 
       const props = getLastSelectProps();
       props.onChange?.('download');
-      await time.tick(10);
+      await time.tick(20);
 
       const frame = lastFrame() ?? '';
       expect(frame).not.toContain('Qwen 2.5 Coder');
@@ -460,7 +460,7 @@ describe('ModelManager', () => {
 
       props = getLastSelectProps();
       props.onChange?.('qwen2.5-coder:7b');
-      await time.tick(10);
+      await time.tick(20);
 
       expect(lastFrame()).toContain('verifying');
       expect(lastFrame()).toContain('100%');
@@ -506,7 +506,7 @@ describe('ModelManager', () => {
 
       let props = getLastSelectProps();
       props.onChange?.('download');
-      await time.tick(10);
+      await time.tick(20);
 
       props = getLastSelectProps();
       props.onChange?.('qwen2.5-coder:7b');
@@ -553,7 +553,7 @@ describe('ModelManager', () => {
 
       props = getLastSelectProps();
       props.onChange?.('qwen2.5-coder:7b');
-      await time.tick(10);
+      await time.tick(20);
 
       expect(lastFrame()).toContain('Choose a model to download');
       expect(lastFrame()).toContain('Download canceled');
@@ -644,7 +644,7 @@ describe('ModelManager', () => {
 
       props = getLastSelectProps();
       props.onChange?.('qwen2.5-coder:7b');
-      await time.tick(10);
+      await time.tick(20);
 
       expect(lastFrame()).toContain('downloading');
       expect(lastFrame()).toContain('GB');
@@ -689,7 +689,7 @@ describe('ModelManager', () => {
 
       props = getLastSelectProps();
       props.onChange?.('qwen2.5-coder:7b');
-      await time.tick(10);
+      await time.tick(20);
 
       expect(lastFrame()).toContain('Downloading model');
 
@@ -721,7 +721,7 @@ describe('ModelManager', () => {
 
       props = getLastSelectProps();
       props.onChange?.('custom');
-      await time.tick(10);
+      await time.tick(20);
 
       const textInputProps = getLastTextInputProps();
       textInputProps.onSubmit('');
@@ -747,7 +747,7 @@ describe('ModelManager', () => {
 
       props = getLastSelectProps();
       props.onChange?.('custom');
-      await time.tick(10);
+      await time.tick(20);
 
       const textInputProps = getLastTextInputProps();
       textInputProps.onSubmit('gemma4'); // Already installed
@@ -785,7 +785,7 @@ describe('ModelManager', () => {
 
       props = getLastSelectProps();
       props.onChange?.('custom');
-      await time.tick(10);
+      await time.tick(20);
 
       const textInputProps = getLastTextInputProps();
       textInputProps.onSubmit('newmodel');
@@ -834,7 +834,7 @@ describe('ModelManager', () => {
 
       props = getLastSelectProps();
       props.onChange?.('custom');
-      await time.tick(10);
+      await time.tick(20);
 
       // Simulate typing a value with a colon so the mock ModelSuggestions triggers onSelect
       const textInputProps = getLastTextInputProps();
@@ -863,12 +863,12 @@ describe('ModelManager', () => {
 
       props = getLastSelectProps();
       props.onChange?.('custom');
-      await time.tick(10);
+      await time.tick(20);
 
       // Type a value with ':' so the mock triggers onSelect (sets highlightedSuggestion)
       const textInputProps = getLastTextInputProps();
       textInputProps.onChange('gemma:latest');
-      await time.tick(10);
+      await time.tick(20);
 
       // Submit triggers pull with the highlighted suggestion
       const updatedTextInputProps = getLastTextInputProps();
@@ -948,7 +948,7 @@ describe('ModelManager', () => {
 
       let props = getLastSelectProps();
       props.onChange?.('delete');
-      await time.tick(10);
+      await time.tick(20);
 
       props = getLastSelectProps();
       expect(props.options.map((option) => option.value)).not.toContain(
@@ -1029,7 +1029,7 @@ describe('ModelManager', () => {
 
       props = getLastSelectProps();
       props.onChange?.('delete');
-      await time.tick(10);
+      await time.tick(20);
 
       expect(lastFrame()).toContain('Error deleting model');
       expect(lastFrame()).toContain('Delete failed');
@@ -1169,7 +1169,7 @@ describe('ModelManager', () => {
 
       props = getLastSelectProps();
       props.onChange?.('llama3');
-      await time.tick(10);
+      await time.tick(30);
 
       expect(lastFrame()).toContain('Delete model llama3');