{2023年9月8日}{React Testing Library}{自動テスト}(3)

{あれ K#EDD2/3AF1}

React Testing libraryによって100を超えるテストケースが実装された。10秒ほどでそのすべてが実行される。

コードの保存、コミット、プッシュのたびに自動テストが実行されるようにしてある。

テスト作成になれてきている。加えて、一度テストを作成した箇所はテストの追加が容易だ。だんだんとテスト作成速度が上がってきている。

(1){あれ}
{React Testing Library}{WSL2}(2)

{WindowsのWSL2でReact Testing Libraryが遅いらしいので検証した K#EDD2/6C9F}

JavaScriptのReactアプリとテストコードで検証

実験用のコード（JavaScript）

import { render, screen } from '@testing-library/react';
import App from './App';

for (let i = 0; i < 1000; i++) {
  test('renders learn react link', () => {
    render(<App />);
    const linkElement = screen.getByText(/learn react/i);
    expect(linkElement).toBeInTheDocument();
  });
}

結果

Powershell: 16.379 s
WSL2(Ubuntu): 7.914 s

読み込み中...
(1){あれ}
{React Testing Library}(1)
{fireEvent}{React Testing Library}(2)
{React Testing Library}(1)
{userEvent}{React Testing Library}(2)
{fireEvent.change}{userEvent.type}{React Testing Library}(3)
{React Testing Library}

{}