Просмотр исходного кода

added tests for button component

feature/added_unit_tests
Safet Purkovic 3 лет назад
Родитель
Сommit
409ad1a791
2 измененных файлов: 25 добавлений и 0 удалений
  1. 1
    0
      src/components/Button/Button.js
  2. 24
    0
      src/components/Button/Button.test.js

+ 1
- 0
src/components/Button/Button.js Просмотреть файл

@@ -60,6 +60,7 @@ const Button = ({

return (
<button
data-testid="btn"
ref={buttonRef}
className={styles()}
onClick={handleClick}

+ 24
- 0
src/components/Button/Button.test.js Просмотреть файл

@@ -0,0 +1,24 @@
import Button from './Button'
import ReactDOM from 'react-dom'
import React from 'react'
import { getByTestId, render, screen } from '@testing-library/react';

describe("Button tests", () =>{
it("render without crashing", () =>
{
const div = document.createElement('div');
ReactDOM.render(<Button></Button>, div);
})

it("render button with base class",() =>
{
render(<Button></Button>);
expect(screen.getByTestId('btn')).toHaveClass("c-btn");
})
it("render button with size 5",() =>
{
render(<Button size={5}></Button>);
expect(screen.getByTestId('btn')).toHaveClass("c-btn--5");
})
})

Загрузка…
Отмена
Сохранить