edit note component test file, update note component test snapshot, fix note component overflow bug

Author: hyperz111

packages/prompts/src/note.ts

@@ -22,20 +22,20 @@ const defaultNoteFormatter = (line: string): string => color.dim(line);
 export const note = (message = '', title = '', opts?: NoteOptions) => {
   const output: Writable = opts?.output ?? process.stdout;
   const format = opts?.format ?? defaultNoteFormatter;
-  const wrapMsg = wrapAnsi(`\n${message}\n`, process.stdout.columns - 6); 
+  const wrapMsg = wrapAnsi(message, output.columns - 6);
+  const lines = ['', ...wrapMsg.split('\n').map(format), ''];
   const titleLen = strip(title).length;
-  const lines = wrapMsg.split('\n');
   const len = Math.max(
     lines.reduce((sum, ln) => {
       const line = strip(ln); 
       return line.length > sum ? line.length : sum;
     }, 0),
     titleLen
-   );
+  );
   const header = `${color.green(S_STEP_SUBMIT)}  ${color.reset(title)} ${color.gray(S_BAR_H.repeat(len - titleLen + 1) + S_CORNER_TOP_RIGHT)}`;
   const noteLines = lines.map(
     (line) =>
-      `${color.gray(S_BAR)}  ${format(line)}${' '.repeat(len - strip(line).length + 2)}${color.gray(S_BAR)}`
+      `${color.gray(S_BAR)}  ${line}${' '.repeat(len - strip(line).length + 2)}${color.gray(S_BAR)}`
   );
   const footer = `${color.gray(S_CONNECT_LEFT + S_BAR_H.repeat(len + 4) + S_CORNER_BOTTOM_RIGHT)}`;
   output.write(`${color.gray(S_BAR)}\n${header}\n${noteLines.join('\n')}\n${footer}\n`);

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

@@ -1,5 +1,36 @@
 // Vitest Snapshot v1, https://vitest.dev/guide/snapshot.html
 
+exports[`note (isCI = false) > don't overflow 1`] = `
+[
+  "│
+◇  title ─────────────────────────────────────────────────────────────────╮
+│                                                                         │
+│  Eiusmod sint officia proident qui ex tempor laborum ut. Voluptate      │
+│  dolore excepteur sunt adipisicing laborum non ea elit. Consectetur     │
+│  exercitation ad laboris consectetur nisi minim labore culpa enim.      │
+│  Eiusmod duis minim velit mollit nisi. Laboris magna qui fugiat sit     │
+│  minim. Aliqua id aute sunt proident do tempor mollit nulla veniam      │
+│  exercitation est ipsum occaecat nostrud. Exercitation ullamco          │
+│  proident ex ut et in ut.                                               │
+│  Dolore magna proident id in magna quis. Sunt et laboris Lorem          │
+│  adipisicing nisi id proident qui enim laboris proident do. Fugiat eu   │
+│  commodo exercitation ipsum in aliquip ipsum magna consequat laborum.   │
+│  Id aute enim enim officia in do aliqua voluptate aute nulla proident.  │
+│  Mollit pariatur exercitation sit mollit in exercitation culpa          │
+│  deserunt sunt laboris aliquip cillum mollit ad. Aliquip exercitation   │
+│  adipisicing qui laboris ea do occaecat elit magna commodo sint         │
+│  adipisicing.                                                           │
+│  Fugiat veniam non nostrud reprehenderit tempor quis officia ad         │
+│  reprehenderit. Veniam ut est irure est. Laboris reprehenderit dolor    │
+│  dolor id laborum nulla velit et in sunt aliquip. Culpa voluptate       │
+│  dolore enim ut incididunt dolor sint cupidatat enim. Irure sint        │
+│  consectetur minim velit aliquip consequat enim ex in sunt.             │
+│                                                                         │
+├─────────────────────────────────────────────────────────────────────────╯
+",
+]
+`;
+
 exports[`note (isCI = false) > formatter which adds colors works 1`] = `
 [
   "│
@@ -53,6 +84,37 @@ exports[`note (isCI = false) > renders message with title 1`] = `
 ]
 `;
 
+exports[`note (isCI = true) > don't overflow 1`] = `
+[
+  "│
+◇  title ─────────────────────────────────────────────────────────────────╮
+│                                                                         │
+│  Eiusmod sint officia proident qui ex tempor laborum ut. Voluptate      │
+│  dolore excepteur sunt adipisicing laborum non ea elit. Consectetur     │
+│  exercitation ad laboris consectetur nisi minim labore culpa enim.      │
+│  Eiusmod duis minim velit mollit nisi. Laboris magna qui fugiat sit     │
+│  minim. Aliqua id aute sunt proident do tempor mollit nulla veniam      │
+│  exercitation est ipsum occaecat nostrud. Exercitation ullamco          │
+│  proident ex ut et in ut.                                               │
+│  Dolore magna proident id in magna quis. Sunt et laboris Lorem          │
+│  adipisicing nisi id proident qui enim laboris proident do. Fugiat eu   │
+│  commodo exercitation ipsum in aliquip ipsum magna consequat laborum.   │
+│  Id aute enim enim officia in do aliqua voluptate aute nulla proident.  │
+│  Mollit pariatur exercitation sit mollit in exercitation culpa          │
+│  deserunt sunt laboris aliquip cillum mollit ad. Aliquip exercitation   │
+│  adipisicing qui laboris ea do occaecat elit magna commodo sint         │
+│  adipisicing.                                                           │
+│  Fugiat veniam non nostrud reprehenderit tempor quis officia ad         │
+│  reprehenderit. Veniam ut est irure est. Laboris reprehenderit dolor    │
+│  dolor id laborum nulla velit et in sunt aliquip. Culpa voluptate       │
+│  dolore enim ut incididunt dolor sint cupidatat enim. Irure sint        │
+│  consectetur minim velit aliquip consequat enim ex in sunt.             │
+│                                                                         │
+├─────────────────────────────────────────────────────────────────────────╯
+",
+]
+`;
+
 exports[`note (isCI = true) > formatter which adds colors works 1`] = `
 [
   "│

packages/prompts/test/note.test.ts

@@ -63,4 +63,18 @@ describe.each(['true', 'false'])('note (isCI = %s)', (isCI) => {
 
 		expect(output.buffer).toMatchSnapshot();
 	});
+
+	test('don\'t overflow', () => {
+	  const lorem = [
+	    "Eiusmod sint officia proident qui ex tempor laborum ut. Voluptate dolore excepteur sunt adipisicing laborum non ea elit. Consectetur exercitation ad laboris consectetur nisi minim labore culpa enim. Eiusmod duis minim velit mollit nisi. Laboris magna qui fugiat sit minim. Aliqua id aute sunt proident do tempor mollit nulla veniam exercitation est ipsum occaecat nostrud. Exercitation ullamco proident ex ut et in ut.",
+	    "Dolore magna proident id in magna quis. Sunt et laboris Lorem adipisicing nisi id proident qui enim laboris proident do. Fugiat eu commodo exercitation ipsum in aliquip ipsum magna consequat laborum. Id aute enim enim officia in do aliqua voluptate aute nulla proident. Mollit pariatur exercitation sit mollit in exercitation culpa deserunt sunt laboris aliquip cillum mollit ad. Aliquip exercitation adipisicing qui laboris ea do occaecat elit magna commodo sint adipisicing.",
+	    "Fugiat veniam non nostrud reprehenderit tempor quis officia ad reprehenderit. Veniam ut est irure est. Laboris reprehenderit dolor dolor id laborum nulla velit et in sunt aliquip. Culpa voluptate dolore enim ut incididunt dolor sint cupidatat enim. Irure sint consectetur minim velit aliquip consequat enim ex in sunt.",
+	  ];
+		prompts.note(lorem.join("\n"), 'title', {
+			input,
+			output: Object.assign(output, { columns: 75 }),
+		});
+
+		expect(output.buffer).toMatchSnapshot();
+	});
 });