Update / use typescript

[rbdr/forum] / src / lib / components / tag / tag.test.ts

/**
 * @jest-environment jsdom
 */

import '@testing-library/jest-dom/extend-expect';

import { render } from '@testing-library/svelte';
import '$lib/i18n';

import Tag from './tag.svelte';

const internals = {
  results: null
};

describe('Tag component', () => {

  beforeEach(() => {

    internals.results = render(Tag, { props: {
      tag: {
        id: 'avocado',
        topics: [
          {
            id: 'eb751e7a-5777-46c3-b81b-cc66546d5157',
            title: 'A single topic',
            ttl: 160 * 1000,
            updated_at: Date.now()
          },
          {
            id: 'b4a5613c-237b-4147-a867-9c105d51e365',
            title: 'And its companion',
            ttl: 160 * 1000,
            updated_at: Date.now()
          }
        ]
      }
    } });
  });

  test('It should display the tag title', () => {

    expect(internals.results.getByText('Tag: avocado'))
      .toBeVisible();
  });

  test('It should display the topics', () => {

    expect(internals.results.getByText('A single topic'))
      .toBeVisible();
    expect(internals.results.getByText('And its companion'))
      .toBeVisible();
  });

  test('It should link to the topics', () => {

    expect(internals.results.getByText('A single topic').closest('a'))
      .toHaveAttribute('href', '/t/eb751e7a-5777-46c3-b81b-cc66546d5157');
    expect(internals.results.getByText('And its companion').closest('a'))
      .toHaveAttribute('href', '/t/b4a5613c-237b-4147-a867-9c105d51e365');
  });
});