honeybeのブックマーク - はてなブックマーク

フロントエンドのテストのダミーデータ作成ならrosieがおすすめ - Paytner Tech Blog
はじめにペイトナー請求書のフロントエンドを主に担当している @fuqda です。本稿では、ペイトナー請求書のフロントエンドのテストコードを書きやすくするために最近導入したrosieというライブラリが便利だったので、そちらのご紹介をさせて頂きます。この記事の対象読者 Jestなどで使用するダミーデータを毎回ベタ書きして疲弊している方 RSpecのFactoryBotのようなライブラリがフロントエンドにも無いのかと探している方 rosieとは？ Ruby on Railsでテストコードを書く際のダミーデータ作成ライブラリとして有名なFactoryBotにインスパイヤされたJavaScript用のライブラリです。 https://github.com/rosiejs/rosie rosieのセットアップ手順 1. rosieと型定義のインストール $ npm install rosie @
honeybe 2023/03/28
リンク
ペイトナー請求書のフロントエンドにスナップショットテストを導入した話 - Paytner Tech Blog
はじめにペイトナー請求書のフロントエンドを主に担当している @fuqda です。本稿では、ペイトナー請求書のフロントエンドの品質改善の一つとして、最近実施したスナップショットテストの導入についてご紹介させて頂ければと思います。この記事の対象読者 Vue.js / Nuxt.jsでJestのスナップショットテストを実装する方法について関心がある方テストコードがないフロントエンドにこれから自動テストを導入しようとしている方スナップショットテストとは？スナップショットのテストはUI が予期せず変更されていないかを確かめるのに非常に有用なツールです。 https://jestjs.io/ja/docs/snapshot-testing Jestの公式ドキュメントにも記載があるようにHTML要素の差分を検査し、違いがあれば失敗にするテストのことです。なお、CSSのスタイル崩れなどの検知
honeybe 2023/03/03
リンク
「コード品質？レビュー効率？いや、PR数だ！！！」 - Paytner Tech Blog
開発生産性 Advent Calendar 2022 16日目の記事です。はじめにペイトナー株式会社の脇田（@shimpeee_）です！『ペイトナーファクタリング』開発チームでエンジニアリングマネージャー兼スクラムマスターとして、開発生産性と日々向き合っています。「コード品質？レビュー効率？いや、PR数だ！！！」これは、他の誰でもなく、半年前の自分に声を大にして伝えたい叫びです。「PR作成数をKPIにすると良い」とは知っていましたが、実は勘違いしていました。コード品質やレビュー効率が改善された結果、PR作成数が増えると思っていました。ですが、実際は逆でした。 PR数を増やそうとする（つまり、 PRサイズを小さくする）ことで、レビュー効率が改善され、コード品質も高まっていくのです。本記事は「PRサイズが大きいことが、生産性を落としている全ての元凶だったのか・・・！」と気づくまで
honeybe 2022/12/16
リンク
1