git.r.bdr.sh - rbdr/forum/blob - src/lib/components/post/post.test.ts

   1 /**
   2  * @jest-environment jsdom
   3  */
   4
   5 import '@testing-library/jest-dom/extend-expect';
   6
   7 import { cleanup, render } from '@testing-library/svelte';
   8 import '$lib/i18n';
   9
  10 import Post from './post.svelte';
  11
  12 const internals = {
  13         basicPost: {
  14                 id: 'e5a19d53-4c9a-4be8-afa5-00942ea3afa4',
  15                 text: 'This is an example post qwerty',
  16                 created_at: Date.UTC(2021, 3, 19, 6, 6, 6, 666).valueOf(),
  17                 author: {
  18                         handle: 'very_cool_user',
  19                         id: 'b01bdb48-4b5e-46a4-97f3-6db789bcd33b'
  20                 },
  21                 topic: {
  22                         id: '35d3c3eb-e486-42ef-994c-d8ab1f1e167a',
  23                         title: 'Parent topic, yes'
  24                 }
  25         },
  26         postWithoutTopic: {
  27                 id: '9e52e38e-9007-4a20-bbf1-cea4e2f950f3',
  28                 text: 'This is a post without a topic',
  29                 created_at: Date.UTC(2022, 8, 21, 4, 3, 1, 340).valueOf(),
  30                 author: {
  31                         handle: 'my_normal_user',
  32                         id: '121f8f97-de02-4102-b25d-f34fd619009b'
  33                 }
  34         },
  35
  36         results: null
  37 };
  38
  39 describe('Post component', () => {
  40         beforeEach(() => {
  41                 internals.results = render(Post, {
  42                         props: {
  43                                 post: internals.basicPost
  44                         }
  45                 });
  46         });
  47
  48         test('Should display the text of the post', () => {
  49                 expect(internals.results.getByText('This is an example post qwerty')).toBeVisible();
  50         });
  51
  52         test('Should display date of the post', () => {
  53                 expect(internals.results.getByText('2021-04-19T06:06:06.666Z')).toBeVisible();
  54         });
  55
  56         test('Date of post should be a permalink to the post', () => {
  57                 expect(internals.results.getByText('2021-04-19T06:06:06.666Z').closest('a')).toHaveAttribute(
  58                         'href',
  59                         '/p/e5a19d53-4c9a-4be8-afa5-00942ea3afa4'
  60                 );
  61         });
  62
  63         test('Should display the glyph of the post author', () => {
  64                 const glyphicon = internals.results.getByRole('img');
  65
  66                 expect(glyphicon).toBeVisible();
  67                 expect(glyphicon).toHaveTextContent(/^. . . .$/);
  68         });
  69
  70         test('Should display author handle', () => {
  71                 expect(internals.results.getByText('very_cool_user')).toBeVisible();
  72         });
  73
  74         test('Author handle should have a permalink to topic', () => {
  75                 expect(internals.results.getByText('very_cool_user').closest('a')).toHaveAttribute(
  76                         'href',
  77                         '/a/very_cool_user'
  78                 );
  79         });
  80
  81         test('Should display parent topic title', () => {
  82                 expect(internals.results.getByText('Parent topic, yes')).toBeVisible();
  83         });
  84
  85         test('Parent topic title should have a permalink to topic', () => {
  86                 expect(internals.results.getByText('Parent topic, yes').closest('a')).toHaveAttribute(
  87                         'href',
  88                         '/t/35d3c3eb-e486-42ef-994c-d8ab1f1e167a'
  89                 );
  90         });
  91
  92         test('Parent topic title should have a permalink to topic', () => {
  93                 cleanup();
  94                 internals.results = render(Post, {
  95                         props: {
  96                                 post: internals.postWithoutTopic
  97                         }
  98                 });
  99
 100                 expect(internals.results.queryByText('Parent topic, yes')).toBe(null);
 101         });
 102
 103         test('It should default to 1/1 when no index or count is passed', () => {
 104                 expect(internals.results.getByTitle('Post 1 of 1 by very_cool_user')).toBeVisible();
 105         });
 106
 107         test('Parent topic title should have a permalink to topic', () => {
 108                 cleanup();
 109                 internals.results = render(Post, {
 110                         props: {
 111                                 index: 2,
 112                                 count: 5,
 113                                 post: internals.postWithoutTopic
 114                         }
 115                 });
 116
 117                 expect(internals.results.getByTitle('Post 3 of 5 by my_normal_user')).toBeVisible();
 118         });
 119 });