test: add mixed size re-render test

Author: 43081j

packages/prompts/test/__snapshots__/select.test.ts.snap

@@ -63,6 +63,44 @@ exports[`select (isCI = false) > down arrow selects next option 1`] = `
 ]
 `;
 
+exports[`select (isCI = false) > handles mixed size re-renders 1`] = `
+[
+  "<cursor.hide>",
+  "│
+◆  Whatever
+│  ● Long Option
+│  Long Option
+│  Long Option
+│  Long Option
+│  Long Option
+│  Long Option
+│  Long Option
+│  Long Option
+│  ...
+└
+",
+  "<cursor.backward count=999><cursor.up count=12>",
+  "<erase.down>",
+  "│
+◆  Whatever
+│  ...
+│  ○ Option 0
+│  ○ Option 1
+│  ○ Option 2
+│  ● Option 3
+└
+",
+  "<cursor.backward count=999><cursor.up count=8>",
+  "<cursor.down count=1>",
+  "<erase.down>",
+  "◇  Whatever
+│  Option 3",
+  "
+",
+  "<cursor.show>",
+]
+`;
+
 exports[`select (isCI = false) > renders disabled options 1`] = `
 [
   "<cursor.hide>",
@@ -298,6 +336,44 @@ exports[`select (isCI = true) > down arrow selects next option 1`] = `
 ]
 `;
 
+exports[`select (isCI = true) > handles mixed size re-renders 1`] = `
+[
+  "<cursor.hide>",
+  "│
+◆  Whatever
+│  ● Long Option
+│  Long Option
+│  Long Option
+│  Long Option
+│  Long Option
+│  Long Option
+│  Long Option
+│  Long Option
+│  ...
+└
+",
+  "<cursor.backward count=999><cursor.up count=12>",
+  "<erase.down>",
+  "│
+◆  Whatever
+│  ...
+│  ○ Option 0
+│  ○ Option 1
+│  ○ Option 2
+│  ● Option 3
+└
+",
+  "<cursor.backward count=999><cursor.up count=8>",
+  "<cursor.down count=1>",
+  "<erase.down>",
+  "◇  Whatever
+│  Option 3",
+  "
+",
+  "<cursor.show>",
+]
+`;
+
 exports[`select (isCI = true) > renders disabled options 1`] = `
 [
   "<cursor.hide>",

packages/prompts/test/select.test.ts

@@ -211,4 +211,31 @@ describe.each(['true', 'false'])('select (isCI = %s)', (isCI) => {
 
 		expect(output.buffer).toMatchSnapshot();
 	});
+
+	test('handles mixed size re-renders', async () => {
+		output.rows = 10;
+
+		const result = prompts.select({
+			message: 'Whatever',
+			options: [
+				{
+					value: 'longopt',
+					label: Array.from({ length: 8 }, () => 'Long Option').join('\n'),
+				},
+				...Array.from({ length: 4 }, (_, i) => ({
+					value: `opt${i}`,
+					label: `Option ${i}`,
+				})),
+			],
+			input,
+			output,
+		});
+
+		input.emit('keypress', '', { name: 'up' });
+		input.emit('keypress', '', { name: 'return' });
+
+		await result;
+
+		expect(output.buffer).toMatchSnapshot();
+	});
 });