bootstrap-vue/src/components/Row/Row.test.ts at master · owowagency/bootstrap-vue · GitHub

1
2
3
4
5
6
7
8
9
10
11
12
13
14
15
16
17
18
19
20
21
22
23
24
25
26
27
28
29
30
31
32
33
34
35
36
37
38
39
40
41
42
43
44
45
46
47
48
49
50
51
52
import Row from '.';
import {describe} from 'vitest';

describe('template', () => {
    componentRenderTest(Row);

    componentSlotRenderTest(Row);

    componentWrapperTagTest(Row, {props: {tag: 'ul'}});

    componentWrapperClassTest(Row, {align: 'center'}, 'align-items-center');
    componentWrapperClassTest(Row, {alignSm: 'end'}, 'align-items-sm-end');
    componentWrapperClassTest(Row, {alignMd: 'start'}, 'align-items-md-start');
    componentWrapperClassTest(Row, {alignLg: 'center'}, 'align-items-lg-center');
    componentWrapperClassTest(Row, {alignXl: 'end'}, 'align-items-xl-end');
    componentWrapperClassTest(Row, {alignXxl: 'start'}, 'align-items-xxl-start');

    componentWrapperClassTest(Row, {cols: 1}, 'row-cols-1');
    componentWrapperClassTest(Row, {colsSm: 2}, 'row-cols-sm-2');
    componentWrapperClassTest(Row, {colsMd: 3}, 'row-cols-md-3');
    componentWrapperClassTest(Row, {colsLg: 4}, 'row-cols-lg-4');
    componentWrapperClassTest(Row, {colsXl: 5}, 'row-cols-xl-5');
    componentWrapperClassTest(Row, {colsXxl: 6}, 'row-cols-xxl-6');

    componentWrapperClassTest(Row, {gutters: 1}, 'g-1');
    componentWrapperClassTest(Row, {guttersSm: 2}, 'g-sm-2');
    componentWrapperClassTest(Row, {guttersMd: 3}, 'g-md-3');
    componentWrapperClassTest(Row, {guttersLg: 4}, 'g-lg-4');
    componentWrapperClassTest(Row, {guttersXl: 5}, 'g-xl-5');
    componentWrapperClassTest(Row, {guttersXxl: 6}, 'g-xxl-6');

    componentWrapperClassTest(Row, {guttersX: 1}, 'gx-1');
    componentWrapperClassTest(Row, {guttersXSm: 2}, 'gx-sm-2');
    componentWrapperClassTest(Row, {guttersXMd: 3}, 'gx-md-3');
    componentWrapperClassTest(Row, {guttersXLg: 4}, 'gx-lg-4');
    componentWrapperClassTest(Row, {guttersXXl: 5}, 'gx-xl-5');
    componentWrapperClassTest(Row, {guttersXXxl: 6}, 'gx-xxl-6');

    componentWrapperClassTest(Row, {guttersY: 1}, 'gy-1');
    componentWrapperClassTest(Row, {guttersYSm: 2}, 'gy-sm-2');
    componentWrapperClassTest(Row, {guttersYMd: 3}, 'gy-md-3');
    componentWrapperClassTest(Row, {guttersYLg: 4}, 'gy-lg-4');
    componentWrapperClassTest(Row, {guttersYXl: 5}, 'gy-xl-5');
    componentWrapperClassTest(Row, {guttersYXxl: 6}, 'gy-xxl-6');

    componentWrapperClassTest(Row, {justify: 'around'}, 'justify-content-around');
    componentWrapperClassTest(Row, {justifySm: 'between'}, 'justify-content-sm-between');
    componentWrapperClassTest(Row, {justifyMd: 'center'}, 'justify-content-md-center');
    componentWrapperClassTest(Row, {justifyLg: 'end'}, 'justify-content-lg-end');
    componentWrapperClassTest(Row, {justifyXl: 'evenly'}, 'justify-content-xl-evenly');
    componentWrapperClassTest(Row, {justifyXxl: 'start'}, 'justify-content-xxl-start');
});