@laerdal/life-react-components 6.0.0-dev.26.full → 6.0.0-dev.27

package/dist/Card/__tests__/Card.test.tsx

@@ -1,146 +0,0 @@
-import React from 'react';
-import { fireEvent, getByRole, render } from '../../test-utils';
-import 'jest-styled-components';
-import { Card } from '../..';
-import { COLORS } from '../../styles';
-import { SystemIcons } from '../../icons';
-
-describe('<Card />',()=>{
-    it('renders top section', async () => {
-        const{getByTestId} = render(
-            <Card topSectionProps={{disabled: false}} disabled/>
-        );
-
-        expect(getByTestId('card-topSection')).toBeDefined();
-        //expect(getByTestId('card-middleSection')).toBeDefined();
-    });
-
-    it('renders middle section', async () => {
-        const{getByTestId} = render(
-            <Card middleSectionProps={{title:'title',disabled:false}} disabled/>
-        );
-
-        expect(getByTestId('card-middleSection')).toBeDefined();
-    });
-
-    it('renders bottom section', async () => {
-        const{getByTestId} = render(
-            <Card bottomSectionProps={{disabled:false}} disabled/>
-        );
-
-        expect(getByTestId('card-bottomSection')).toBeDefined();
-    });
-
-    it('fires card clicked event on click', async () => {
-        const cardClicked = jest.fn();
-        const{getByTestId} = render(
-            <Card bottomSectionProps={{disabled:false}} disabled={false} onCardClicked={cardClicked}/>
-        );
-
-        fireEvent.click(getByTestId('card-link'));
-        expect(cardClicked).toHaveBeenCalled();
-    });
-
-    it('fires card clicked event on keyDown', async () => {
-        const cardClicked = jest.fn();
-        const{getByTestId} = render(
-            <Card bottomSectionProps={{disabled:false}} disabled={false} onCardClicked={cardClicked}/>
-        );
-
-        fireEvent.keyDown(getByTestId('card-wrapper'), {key: 'Enter', code: 'Enter', charCode: 13});
-        expect(cardClicked).toHaveBeenCalled();
-    });
-
-    it('renders tag in top section', async () => {
-        const{getByText} = render(
-            <Card topSectionProps={{disabled: false, tagLabel:'test_label'}} disabled/>
-        );
-
-        expect(getByText('test_label')).toBeDefined();
-    });
-
-    it('renders checkbox in top section', async () => {
-        const{getByTestId} = render(
-            <Card topSectionProps={{disabled: false, selected: true}} disabled/>
-        );
-
-        expect(getByTestId('card-topSection-checkbox')).toBeDefined();
-    });
-
-    it('renders highlight ribbon in top section', async () => {
-        const{getByTestId, getByText} = render(
-            <Card topSectionProps={{disabled: false, highlightRibbonText:'testRibbon', highlightRibbonBgColor:'red'}} disabled={false}/>
-        );
-
-        expect(getByText('testRibbon')).toBeDefined();
-        expect(getByTestId('card-topSection-ribbon')).toHaveStyleRule('background-color','red');
-    });
-
-    it('renders title ,description and category label in middle section', async () => {
-        const{getByText} = render(
-            <Card middleSectionProps={{title:'testTitle', disabled: false, description:'testDescription', categoryLabel:'testCatLabel'}} disabled={false}/>
-        );
-
-        expect(getByText('testTitle')).toBeDefined();
-        expect(getByText('testDescription')).toBeDefined();
-        expect(getByText('testCatLabel')).toBeDefined();
-    });
-
-    it('renders tags in middle section', async () => {
-        const{getByText} = render(
-            <Card middleSectionProps={{title:'testTitle', disabled: false, tags:[{label:'testTag'}], row2Tags:[{label:'testTag2'}]}} disabled={false}/>
-        );
-
-        expect(getByText('testTitle')).toBeDefined();
-        expect(getByText('testTag2')).toBeDefined();
-    });
-
-    it('renders note text in bottom section', async () => {
-        const{getByText} = render(
-            <Card bottomSectionProps={{disabled: false, noteLeft:'leftNote', noteRight:'rightNote'}} disabled={false}/>
-        );
-
-        expect(getByText('leftNote')).toBeDefined();
-        expect(getByText('rightNote')).toBeDefined();
-    });
-
-    it('renders author in bottom section', async () => {
-        const{getByText,getByTestId} = render(
-            <Card bottomSectionProps={{disabled: true, authorName:'testAuthor'}} disabled={true}/>
-        );
-
-        expect(getByText('testAuthor')).toBeDefined();
-        expect(getByTestId('card-bottomSection-author')).toBeDefined();
-    });
-
-    it('renders actions in bottom section', async () => {
-        const{getByText,getByTestId} = render(
-            <Card bottomSectionProps={{disabled: true, authorName:'testAuthor', actions:[{icon:<SystemIcons.Add/>,onClick:()=>{}}]}} disabled={true}/>
-        );
-
-        expect(getByText('testAuthor')).toBeDefined();
-        expect(getByTestId('card-bottomSection-author')).toBeDefined();
-    });
-
-    it('fires leftButton click event on click', async () => {
-        const leftButtonClicked = jest.fn();
-        const{getByRole} = render(
-            <Card bottomSectionProps={{disabled: true, 
-                authorName:'testAuthor', 
-                actions:[],
-                leftButton: {
-                    variant: 'tertiary',
-                    buttonText: 'button',
-                    onClick: (e) => {
-                      e.stopPropagation();
-                      leftButtonClicked();
-                    }
-                  }
-                }} 
-            disabled={true}/>
-        );
-
-        fireEvent.click(getByRole('button'));
-        expect(leftButtonClicked).toBeCalledTimes(1);
-    });
-})