2024-03-01から1ヶ月間の記事一覧
正確な時間は忘れたが、そういう状態になったことがあった。 ある程度自力(ベッタリではなく、短期間でレビューを挟む程度で良い)状態に持っていくには何が必要だったか整理してみる。 最初に結論 数字が若い順に最優先で何とかする。大前提として本人が改…
UIコンポーネントからイベント発火したことをテストする 親子コンポーネントの連動をテストする際、子コンポーネントでイベント発火したことを親コンポーネントに伝えたか確認したいことがある。特に小コンポーネントで状態を加工して親コンポーネントに送る…
UIコンポーネントのカタログツールStorybookを使い、コンポーネントをセットアップする方法もある。StorybookはStoriesというファイルに「どのようなコンポーネントをStorybookに描画するか」を記載する。propsに応じて描画内容を出し分けることもできる1。 …
テストランナーを動かす前に「UIコンポーネントは今どういう状態なのか」をセットアップしなければいけない。UIコンポーネントが必須のpropsを持つ場合、propsを与えなければUIコンポーネントは動作しない。また、 特定の場面で挙動が変わる場合は特定の場面…
何かを上手くなりたいときはフィードバックを早くもらえるような習慣を身につけると良い。 プログラミング初学者が陥りがちなこと 最初から完成形を作ろうとしてしまう。完成形には次のものが含まれる。 実装後にどのように動けば良いか(仕様) どのように…
OJTをやっていると方法を説明する・やって見せる機会が何回も出てくる。例えばGitでコンフリクトしたとき解消する方法だったり、エラーが起きていて解消できないため手伝う(解消する)、ツールの使い方を示すなど。ここで手順だけ教えて「次は一人でできる…
Testing Libraryで<td>要素に関するテストを書く場合、getAllByRoleで<td>タグを取得する方法と<tr>タグで一度対象の列を取得したのち<td>タグを取得する方法がある。 <td>タグを直接取得する方法 getAllByRoleでARIA roleのcellを指定して取得できる。<td>(テーブルセル)は複数存</td></td></td></tr></td></td>…
テキスト入力フォームの特徴は「入力値をユーザーが好きに編集できる点」である。テストケースもフォームの値を編集した後UIが変わることを確かめたい場合が多い(例:入力値に応じてバリデーションチェックを行う)。フォーム入力はDOMイベントになるためus…