フロントエンドにおけるテスト駆動開発の実践と概説

はじめに 自動テストが叫ばれて10数年以上の時を経ていますが、今なお開発者の興味を惹くトピックの1つであります。 実際、Developers Summit 2023ではテストを主題とした講演が多く、また人気も博したと耳にします。 さて自動テストと共に話題になるトピックの1つと言えばテスト駆動開発でしょう。 ただテスト駆動開発は、設計・開発手法のため自動テストとは厳密にはジャンル違いであり、誤解を受けがちなトピックでもあります。 またテスト駆動開発を解説する書籍の多くが、Java等のオブジェクト指向言語のスタイルで書かれているためフロントエンドエンジニアのコードスタイルとは若干差異があリます。 当記事ではフロントエンドエンジニアのためにテスト駆動開発の技法の数々をTypeScript、Reactを用いて実践します。 フレームワークとしてReactを採用しましたが、記事内のコードはモダンフロン

[nihonbuson]

状態遷移表で気になる部分があったので、Zennのコメントに書いた。 / id:aoki789 オートマトンを図で表現したものを状態遷移図と呼ぶので間違いではないかと。あと、0スイッチカバレッジを目指しているように見えます。

[aoki789]

状態遷移テストでは？0スイッチテストケースかな？

[turanukimaru]

有限オートマトンのテストはユーザの操作に対しての見た目の振る舞いテストの王道だわな。SeleniumとかJava系の環境でもUIのテストは道具がOOPっぽいだけでテストとしては有限オートマトンのテスト。

[yarumato]

“テスト駆動開発を解説する書籍の多くが、Java等のオブジェクト指向言語のスタイルで書かれている。当記事ではフロントエンドエンジニアのためにテスト駆動開発の技法の数々をTypeScript、Reactを用いて実践します”