@shopify/cli-kit/dist/private/node/ui/components/Prompts/InfoTable.test.js

A set of utilities, interfaces, and models that are common across all the platform features

import { InfoTable } from './InfoTable.js';
import { unstyled } from '../../../../../public/node/output.js';
import { render } from '../../../testing/ui.js';
import { describe, expect, test } from 'vitest';
import React from 'react';
describe('InfoTable', async () => {
    test('renders a horizontal table with bullet points', async () => {
        const { lastFrame } = render(React.createElement(InfoTable, { table: {
                'header 1': ['some', 'items'],
                'header 2\nlonger text here': [['one item', { link: { label: 'Shopify', url: 'https://shopify.com' } }]],
            } }));
        expect(unstyled(lastFrame())).toMatchInlineSnapshot(`
      "Header 1
      • some
      • items

      Header 2
      longer text here
      • one item Shopify ( https://shopify.com )"
    `);
    });
    test('supports an empty header value', async () => {
        const { lastFrame } = render(React.createElement(InfoTable, { table: {
                '': ['some', 'items'],
            } }));
        expect(unstyled(lastFrame())).toMatchInlineSnapshot(`
      "• some
      • items"
    `);
    });
    test('when the list of items has elements doesnt render the empty message', async () => {
        const { lastFrame } = render(React.createElement(InfoTable, { table: [
                {
                    header: 'header',
                    items: ['item'],
                    emptyItemsText: 'empty',
                },
            ] }));
        expect(unstyled(lastFrame())).toMatchInlineSnapshot(`
      "Header
      • item"
    `);
    });
    test('when the list of items is empty renders the empty message subdued if set', async () => {
        const { lastFrame } = render(React.createElement(InfoTable, { table: [
                {
                    header: 'header',
                    items: [],
                    emptyItemsText: 'empty',
                },
            ] }));
        expect(lastFrame()).toMatchInlineSnapshot(`
      "Header
      empty"
    `);
    });
});
//# sourceMappingURL=InfoTable.test.js.map