termcast 1.3.21 → 1.3.24

package/dist/examples/form-tagpicker.vitest.js

@@ -0,0 +1,736 @@
+import { test, expect, afterEach, beforeEach } from 'vitest';
+import { launchTerminal } from 'tuistory/src';
+let session;
+beforeEach(async () => {
+    session = await launchTerminal({
+        command: 'bun',
+        args: ['src/examples/form-tagpicker.tsx'],
+        cols: 70,
+        rows: 50,
+    });
+});
+afterEach(() => {
+    session?.close();
+});
+test('form tagpicker shows inline options', async () => {
+    await session.text({
+        waitFor: (text) => {
+            return /TagPicker Component Demo/i.test(text);
+        },
+    });
+    await session.waitIdle();
+    const initialSnapshot = await session.text();
+    expect(initialSnapshot).toMatchInlineSnapshot(`
+    "
+
+
+
+
+
+
+
+
+
+
+
+
+    ▪  TagPicker Component Demo
+    │  Test tag picker with multiple selection support
+    │
+    ◆  Favorite Sport
+    ┃  Choose your favorite sport...
+    ┃
+    ┃› ○ Basketball
+    ┃  ○ Football
+    ┃  ○ Tennis
+    ┃  ○ Baseball
+    ┃  ↑↓ to see more options
+    ┃
+    ┃  Select your favorite sport from the list
+    ┃
+    ◇  Country
+    │  Germany
+    │
+    │  ● Germany
+    │  ○ India
+    │  ○ Netherlands
+    │  ○ Norway
+    │  ↑↓ to see more options
+    └
+
+
+
+
+
+
+
+
+
+
+
+
+     alt ↵ submit   ↑↓ navigate   ^k actions"
+  `);
+    await session.press('space');
+    const afterSelectBasketballSnapshot = await session.text();
+    expect(afterSelectBasketballSnapshot).toMatchInlineSnapshot(`
+    "
+
+
+
+
+
+
+
+
+
+
+
+
+    ▪  TagPicker Component Demo
+    │  Test tag picker with multiple selection support
+    │
+    ◆  Favorite Sport
+    ┃  Basketball
+    ┃
+    ┃› ● Basketball
+    ┃  ○ Football
+    ┃  ○ Tennis
+    ┃  ○ Baseball
+    ┃  ↑↓ to see more options
+    ┃
+    ┃  Select your favorite sport from the list
+    ┃
+    ◇  Country
+    │  Germany
+    │
+    │  ● Germany
+    │  ○ India
+    │  ○ Netherlands
+    │  ○ Norway
+    │  ↑↓ to see more options
+    └
+
+
+
+
+
+
+
+
+
+
+
+
+     alt ↵ submit   ↑↓ navigate   ^k actions"
+  `);
+    await session.press('down');
+    const afterDownSnapshot = await session.text();
+    expect(afterDownSnapshot).toMatchInlineSnapshot(`
+    "
+
+
+
+
+
+
+
+
+
+
+
+
+    ▪  TagPicker Component Demo
+    │  Test tag picker with multiple selection support
+    │
+    ◆  Favorite Sport
+    ┃  Basketball
+    ┃
+    ┃  ● Basketball
+    ┃› ○ Football
+    ┃  ○ Tennis
+    ┃  ○ Baseball
+    ┃  ↑↓ to see more options
+    ┃
+    ┃  Select your favorite sport from the list
+    ┃
+    ◇  Country
+    │  Germany
+    │
+    │  ● Germany
+    │  ○ India
+    │  ○ Netherlands
+    │  ○ Norway
+    │  ↑↓ to see more options
+    └
+
+
+
+
+
+
+
+
+
+
+
+
+     alt ↵ submit   ↑↓ navigate   ^k actions"
+  `);
+    await session.press('down');
+    await session.press('down');
+    await session.press('down');
+    await session.press('down');
+    const afterMultipleDownSnapshot = await session.text();
+    expect(afterMultipleDownSnapshot).toMatchInlineSnapshot(`
+    "
+
+
+
+
+
+
+
+
+
+
+
+
+    ▪  TagPicker Component Demo
+    │  Test tag picker with multiple selection support
+    │
+    ◆  Favorite Sport
+    ┃  Basketball
+    ┃
+    ┃  ○ Tennis
+    ┃  ○ Baseball
+    ┃  ○ Golf
+    ┃› ○ Swimming
+    ┃  ↑↓ to see more options
+    ┃
+    ┃  Select your favorite sport from the list
+    ┃
+    ◇  Country
+    │  Germany
+    │
+    │  ● Germany
+    │  ○ India
+    │  ○ Netherlands
+    │  ○ Norway
+    │  ↑↓ to see more options
+    └
+
+
+
+
+
+
+
+
+
+
+
+
+     alt ↵ submit   ↑↓ navigate   ^k actions"
+  `);
+    await session.press('enter');
+    const afterSelectSnapshot = await session.text();
+    expect(afterSelectSnapshot).toMatchInlineSnapshot(`
+    "
+
+
+
+
+
+
+
+
+
+
+
+
+    ▪  TagPicker Component Demo
+    │  Test tag picker with multiple selection support
+    │
+    ◆  Favorite Sport
+    ┃  Basketball, Swimming
+    ┃
+    ┃  ○ Tennis
+    ┃  ○ Baseball
+    ┃  ○ Golf
+    ┃› ● Swimming
+    ┃  ↑↓ to see more options
+    ┃
+    ┃  Select your favorite sport from the list
+    ┃
+    ◇  Country
+    │  Germany
+    │
+    │  ● Germany
+    │  ○ India
+    │  ○ Netherlands
+    │  ○ Norway
+    │  ↑↓ to see more options
+    └
+
+
+
+
+
+
+
+
+
+
+
+
+     alt ↵ submit   ↑↓ navigate   ^k actions"
+  `);
+}, 15000);
+test('form tagpicker keyboard navigation', async () => {
+    await session.text({
+        waitFor: (text) => {
+            return /TagPicker Component Demo/i.test(text);
+        },
+    });
+    await session.press('space');
+    const afterSelectSnapshot = await session.text();
+    expect(afterSelectSnapshot).toMatchInlineSnapshot(`
+    "
+
+
+
+
+
+
+
+
+
+
+
+
+    ▪  TagPicker Component Demo
+    │  Test tag picker with multiple selection support
+    │
+    ◆  Favorite Sport
+    ┃  Basketball
+    ┃
+    ┃› ● Basketball
+    ┃  ○ Football
+    ┃  ○ Tennis
+    ┃  ○ Baseball
+    ┃  ↑↓ to see more options
+    ┃
+    ┃  Select your favorite sport from the list
+    ┃
+    ◇  Country
+    │  Germany
+    │
+    │  ● Germany
+    │  ○ India
+    │  ○ Netherlands
+    │  ○ Norway
+    │  ↑↓ to see more options
+    └
+
+
+
+
+
+
+
+
+
+
+
+
+     alt ↵ submit   ↑↓ navigate   ^k actions"
+  `);
+    await session.press('down');
+    await session.press('down');
+    await session.press('down');
+    await session.press('down');
+    const lastVisibleSnapshot = await session.text();
+    expect(lastVisibleSnapshot).toMatchInlineSnapshot(`
+    "
+
+
+
+
+
+
+
+
+
+
+
+
+    ▪  TagPicker Component Demo
+    │  Test tag picker with multiple selection support
+    │
+    ◆  Favorite Sport
+    ┃  Basketball
+    ┃
+    ┃  ○ Football
+    ┃  ○ Tennis
+    ┃  ○ Baseball
+    ┃› ○ Golf
+    ┃  ↑↓ to see more options
+    ┃
+    ┃  Select your favorite sport from the list
+    ┃
+    ◇  Country
+    │  Germany
+    │
+    │  ● Germany
+    │  ○ India
+    │  ○ Netherlands
+    │  ○ Norway
+    │  ↑↓ to see more options
+    └
+
+
+
+
+
+
+
+
+
+
+
+
+     alt ↵ submit   ↑↓ navigate   ^k actions"
+  `);
+    await session.press('down');
+    const nextPageSnapshot = await session.text();
+    expect(nextPageSnapshot).toMatchInlineSnapshot(`
+    "
+
+
+
+
+
+
+
+
+
+
+
+
+    ▪  TagPicker Component Demo
+    │  Test tag picker with multiple selection support
+    │
+    ◆  Favorite Sport
+    ┃  Basketball
+    ┃
+    ┃  ○ Tennis
+    ┃  ○ Baseball
+    ┃  ○ Golf
+    ┃› ○ Swimming
+    ┃  ↑↓ to see more options
+    ┃
+    ┃  Select your favorite sport from the list
+    ┃
+    ◇  Country
+    │  Germany
+    │
+    │  ● Germany
+    │  ○ India
+    │  ○ Netherlands
+    │  ○ Norway
+    │  ↑↓ to see more options
+    └
+
+
+
+
+
+
+
+
+
+
+
+
+     alt ↵ submit   ↑↓ navigate   ^k actions"
+  `);
+    await session.press('up');
+    const backToPreviousPageSnapshot = await session.text();
+    expect(backToPreviousPageSnapshot).toMatchInlineSnapshot(`
+    "
+
+
+
+
+
+
+
+
+
+
+
+
+    ▪  TagPicker Component Demo
+    │  Test tag picker with multiple selection support
+    │
+    ◆  Favorite Sport
+    ┃  Basketball
+    ┃
+    ┃  ○ Tennis
+    ┃  ○ Baseball
+    ┃› ○ Golf
+    ┃  ○ Swimming
+    ┃  ↑↓ to see more options
+    ┃
+    ┃  Select your favorite sport from the list
+    ┃
+    ◇  Country
+    │  Germany
+    │
+    │  ● Germany
+    │  ○ India
+    │  ○ Netherlands
+    │  ○ Norway
+    │  ↑↓ to see more options
+    └
+
+
+
+
+
+
+
+
+
+
+
+
+     alt ↵ submit   ↑↓ navigate   ^k actions"
+  `);
+    await session.press('esc');
+    const afterEscapeSnapshot = await session.text();
+    expect(afterEscapeSnapshot).toMatchInlineSnapshot(`
+    "
+
+
+
+
+
+
+
+
+
+
+
+
+    ▪  TagPicker Component Demo
+    │  Test tag picker with multiple selection support
+    │
+    ◆  Favorite Sport
+    ┃  Basketball
+    ┃
+    ┃  ○ Tennis
+    ┃  ○ Baseball
+    ┃› ○ Golf
+    ┃  ○ Swimming
+    ┃  ↑↓ to see more options
+    ┃
+    ┃  Select your favorite sport from the list
+    ┃
+    ◇  Country
+    │  Germany
+    │
+    │  ● Germany
+    │  ○ India
+    │  ○ Netherlands
+    │  ○ Norway
+    │  ↑↓ to see more options
+    └
+
+
+
+
+
+
+
+
+
+
+
+
+     alt ↵ submit   ↑↓ navigate   ^k actions"
+  `);
+}, 15000);
+test('form tagpicker with default value', async () => {
+    await session.text({
+        waitFor: (text) => {
+            return /TagPicker Component Demo/i.test(text);
+        },
+    });
+    await session.press('tab');
+    const secondTagpickerFocusedSnapshot = await session.text();
+    expect(secondTagpickerFocusedSnapshot).toMatchInlineSnapshot(`
+    "
+
+
+
+
+
+
+
+
+
+
+
+
+    ▪  TagPicker Component Demo
+    │  Test tag picker with multiple selection support
+    │
+    ◇  Favorite Sport
+    │  Choose your favorite sport...
+    │
+    │  ○ Basketball
+    │  ○ Football
+    │  ○ Tennis
+    │  ○ Baseball
+    │  ↑↓ to see more options
+    │
+    │  Select your favorite sport from the list
+    │
+    ◆  Country
+    ┃  Germany
+    ┃
+    ┃› ● Germany
+    ┃  ○ India
+    ┃  ○ Netherlands
+    ┃  ○ Norway
+    ┃  ↑↓ to see more options
+    └
+
+
+
+
+
+
+
+
+
+
+
+
+     alt ↵ submit   ↑↓ navigate   ^k actions"
+  `);
+    await session.press('space');
+    const afterDeselectGermanySnapshot = await session.text();
+    expect(afterDeselectGermanySnapshot).toMatchInlineSnapshot(`
+    "
+
+
+
+
+
+
+
+
+
+
+
+
+    ▪  TagPicker Component Demo
+    │  Test tag picker with multiple selection support
+    │
+    ◇  Favorite Sport
+    │  Choose your favorite sport...
+    │
+    │  ○ Basketball
+    │  ○ Football
+    │  ○ Tennis
+    │  ○ Baseball
+    │  ↑↓ to see more options
+    │
+    │  Select your favorite sport from the list
+    │
+    ◆  Country
+    ┃  Select a country
+    ┃
+    ┃› ○ Germany
+    ┃  ○ India
+    ┃  ○ Netherlands
+    ┃  ○ Norway
+    ┃  ↑↓ to see more options
+    └
+
+
+
+
+
+
+
+
+
+
+
+
+     alt ↵ submit   ↑↓ navigate   ^k actions"
+  `);
+    await session.press('esc');
+    await session.press(['alt', 'enter']);
+    const afterSubmitSnapshot = await session.text({
+        waitFor: (text) => {
+            return /Submitted Data/i.test(text);
+        },
+    });
+    expect(afterSubmitSnapshot).toMatchInlineSnapshot(`
+    "
+
+
+
+
+
+
+
+
+    ▪  TagPicker Component Demo
+    │  Test tag picker with multiple selection support
+    │
+    ◇  Favorite Sport
+    │  Choose your favorite sport...
+    │
+    │  ○ Basketball
+    │  ○ Football
+    │  ○ Tennis
+    │  ○ Baseball
+    │  ↑↓ to see more options
+    │
+    │  Select your favorite sport from the list
+    │
+    ◆  Country
+    ┃  Germany
+    ┃
+    ┃› ● Germany
+    ┃  ○ India
+    ┃  ○ Netherlands
+    ┃  ○ Norway
+    ┃  ↑↓ to see more options
+    ┃
+    ▪  Submitted Data
+    │  {
+    │    "sports": [],
+    │    "countries": [
+    │      "ger"
+    │    ]
+    │  }
+    │
+
+
+
+
+
+
+
+
+     alt ↵ submit   ↑↓ navigate   ^k actions"
+  `);
+}, 15000);
+//# sourceMappingURL=form-tagpicker.vitest.js.map

package/dist/examples/form-tagpicker.vitest.js.map

@@ -0,0 +1 @@
+{"version":3,"file":"form-tagpicker.vitest.js","sourceRoot":"","sources":["../../src/examples/form-tagpicker.vitest.tsx"],"names":[],"mappings":"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"}