@carbon/styles/scss/components/__tests__/data-table-test.js

Styles for the Carbon Design System

/**
 * Copyright IBM Corp. 2018, 2023
 *
 * This source code is licensed under the Apache-2.0 license found in the
 * LICENSE file in the root directory of this source tree.
 *
 * @jest-environment node
 */

'use strict';

const { SassRenderer } = require('@carbon/test-utils/scss');

const { render } = SassRenderer.create(__dirname);

describe('scss/components/data-table', () => {
  test('Public API', async () => {
    const { unwrap } = await render(`
       @use 'sass:map';
       @use 'sass:meta';
       @use '../data-table';

       $_: get('mixin', meta.mixin-exists('data-table', 'data-table'));
       $_: get('variables', map.keys(meta.module-variables('data-table')));
     `);
    expect(unwrap('mixin')).toBe(true);
    expect(unwrap('variables')).toMatchInlineSnapshot(`
      [
        "data-table-column-hover",
      ]
    `);
  });
});

describe('scss/components/data-table/action', () => {
  test('Public API', async () => {
    const { unwrap } = await render(`
         @use 'sass:map';
         @use 'sass:meta';
         @use '../data-table/action';

         $_: get('mixin', meta.mixin-exists('data-table-action', 'action'));
       `);
    expect(unwrap('mixin')).toBe(true);
  });
});

describe('scss/components/data-table/expandable', () => {
  test('Public API', async () => {
    const { unwrap } = await render(`
         @use 'sass:map';
         @use 'sass:meta';
         @use '../data-table/expandable';

         $_: get('mixin', meta.mixin-exists('data-table-expandable', 'expandable'));
       `);
    expect(unwrap('mixin')).toBe(true);
  });
});

describe('scss/components/data-table/skeleton', () => {
  test('Public API', async () => {
    const { unwrap } = await render(`
         @use 'sass:map';
         @use 'sass:meta';
         @use '../data-table/skeleton';

         $_: get('mixin', meta.mixin-exists('data-table-skeleton', 'skeleton'));
       `);
    expect(unwrap('mixin')).toBe(true);
  });
});

describe('scss/components/data-table/sort', () => {
  test('Public API', async () => {
    const { unwrap } = await render(`
         @use 'sass:map';
         @use 'sass:meta';
         @use '../data-table/sort';

         $_: get('mixin', meta.mixin-exists('data-table-sort', 'sort'));
       `);
    expect(unwrap('mixin')).toBe(true);
  });
});