Tag

テスト

  1. Playwrightでビジュアルリグレッションテストを導入して安全にCSSライブラリを置き換える

    今回は自分のプルリクエストを自分でレビューをするメリットについて話をしたいと思います。

    • フロントエンド
    • テスト

  2. アクセシビリティを考慮してチェックボックスのデザインを変更する

    アクセシビリティを考慮したカスタムなCheckboxを実装する方法です。

    • フロントエンド
    • テスト

  3. mswをラップした便利関数をつくる

    mswをラップして便利なutil関数を実装します。

    • フロントエンド
    • テスト

  4. Node.js18の環境でmswを使ったらハマった話

    Node.js18の環境でmswを使った時にネットワークをインターセプトできない問題にハマった話です

    • フロントエンド
    • テスト

  5. 実務でts-jestを@swc/jestに置き換えてCIの実行時間を1/2に短縮した

    この記事は YAMAP エンジニア Advent Calendar 2021 の21日目の記事です。ts-jestを使っているとコンパイル時間の問題で地味にテストに実行がかかります。YAMAPではフロントエンドでもユニットテストを書き始めたので、約180ケースで1分ほどCIでテスト実行に時間がかかるようになりました。またTDDで開発を進めていると、開発中に非常に多くユニットテストを実行するので ts-jest の実行時間の遅さが、開発効率に直結してきます。そこで、ts-jest を @swc/jest に置き換えて、実行時間の改善を試みました。

    • jest
    • テスト

  6. バグ修正から始めるフロントエンドのTDD入門

    この記事は YAMAP エンジニア Advent Calendar 2021 の22日目の記事です。現在、輪読会で「テスト駆動開発」（TDD）を読み進めています。本を読んで色々と知識が入ってきているので、業務でアウトプットしてみたいなと思い、バグ修正からTDDを初めてみたら良かったので紹介します。

    • フロントエンド
    • テスト

  7. コンポーネントの入力と出力を意識してユニットテストを書いてみよう

    初めてフロントエンドでコンポーネントのユニットテストを書く時に「何をテストするのか」が分からず、上手くテストが書けないという事があります。この記事ではコンポーネントの入力と出力を意識することでユニットテストで「何をテストするか」について、まとめています。

    • React
    • フロントエンド
    • テスト

  8. TypeScript+Jestでテストを書くときに型安全にモックする方法を教えてほしかった

    この記事はタイムリープTypeScript 〜TypeScript始めたてのあの頃に知っておきたかったこと〜の5日目の記事です。自分がTypeScriptを書き始めた頃に苦労したのが、Jestでテストを書くときのモックの型をどう書けば良いか分からないことでした。

    • Jest
    • TypeScript
    • テスト