Skip to content

Commit c681452

Browse files
committed
Docs: Update intro-to-storybook/react/ja to 8.3
1 parent 8d2707c commit c681452

File tree

2 files changed

+4
-4
lines changed

2 files changed

+4
-4
lines changed

content/intro-to-storybook/react/ja/screen.md

+3-3
Original file line numberDiff line numberDiff line change
@@ -329,13 +329,13 @@ Storybook で `error` ストーリーが意図したように動作している
329329
/>
330330
</video>
331331

332-
## インタラクションテスト
332+
## コンポーネントのテスト
333333

334334
これまでで、シンプルなコンポーネントから画面まで、完全に機能するアプリケーションを作り上げ、ストーリーを用いてそれぞれの変更を継続的にテストすることができるようになりました。しかし、新しいストーリーを作るたびに、UI が壊れていないかどうか、他のすべてのストーリーを手作業でチェックする必要もあります。これは、とても大変な作業です。
335335

336336
この作業や操作を自動化することはできないのでしょうか?
337337

338-
### play 関数を使ったインタラクションテスト
338+
### play 関数を使ったコンポーネントのテスト
339339

340340
Storybook の [`play`](https://storybook.js.org/docs/react/writing-stories/play-function) 関数と [`@storybook/addon-interactions`](https://storybook.js.org/docs/writing-tests/component-testing) が役立ちます。play 関数はストーリーのレンダリング後に実行される小さなコードスニペットを含んでいます。
341341

@@ -456,7 +456,7 @@ yarn test-storybook --watch
456456
```
457457

458458
<div class="aside">
459-
💡 play 関数でのインタラクションテストはUIコンポーネントをテストするための素晴らしい手法です。ここで紹介したもの以外にも、さまざまなことができます。もっと深く学ぶには<a href="https://storybook.js.org/docs/writing-tests/component-testing">公式ドキュメント</a>を読むことをお勧めします。
459+
💡 play 関数を用いたコンポーネントのテストはUIコンポーネントをテストするための素晴らしい手法です。ここで紹介したもの以外にも、さまざまなことができます。もっと深く学ぶには<a href="https://storybook.js.org/docs/writing-tests/component-testing">公式ドキュメント</a>を読むことをお勧めします。
460460
<br />
461461
テストをさらにもっと深く知るためには、<a href="/ui-testing-handbook">Testing Handbook</a> をチェックしてみてください。これは開発ワークフローを加速させるために、スケーラブルなフロントエンドチームが採用しているテスト戦略について解説しています。
462462
</div>

content/intro-to-storybook/react/ja/test.md

+1-1
Original file line numberDiff line numberDiff line change
@@ -8,7 +8,7 @@ Storybook のチュートリアルをテスト抜きには終われません。
88

99
- **手動テスト**では、コンポーネントの正しさを開発者が手動で確認します。コンポーネントを作成する際、見た目が問題ないかチェックするのに役立ちます。
1010
- **アクセシビリティテスト**では、a11y アドオンを使用し、コンポーネントがみなさんに受け入れやすいか検証します。これらは、どのように障害を持つ人々が私たちのコンポーネントを使うのかという情報を取得するのに大いに役立ちます。
11-
- **インタラクションテスト**では、play 関数を使用し、コンポーネントが期待通りの動作をすることを検証します。これらは、コンポーネントの挙動をテストするのに適しています。
11+
- **コンポーネントのテスト**では、play 関数を使用し、コンポーネントが期待通りの動作をすることを検証します。これらは、コンポーネントの挙動をテストするのに適しています。
1212

1313
## 「でも、見た目は大丈夫?」
1414

0 commit comments

Comments
 (0)