スナップショットテスト

qrcode.reactは、その名の通りQRコードを生成してくれるReactコンポーネントだ。 github.comファイル構成はsrc/index.jsでゴリゴリ計算というか文字列を算出し、コンポーネントを返す構成だった。 テストがなかったので、テストを追加したかったのだが、何に対してテストを追加すればよいのかわからず、しばらく放置していた。 convertStr関数やgeneratePath関数の入力と出力に対する単体テストを追加しようと思ったけれど、あまり恩恵はないように思えた。 qrcode.react/index.js at 6aeb42abc26ffecc868b630b6ad8f…

前回はserdeの基本を理解することができましたので、次はserdeに登場するアトリビュートのうち、実務上よく利用するものを紹介したいと思います。具体的にはいくつかのアトリビュートと、実務上はenumのシリアライズ・デシリアライズで毎回迷いごとが発生してドキュメントを確認する傾向にあるので、それを確認していきます。 rename_all、rename skip flatten serialize_with / deserialize_with New Typeの扱い enumの表現 Externally Tagged Internally Tagged Adjacently Tagged Un…

こんにちは！フロントエンドの世界は常に進化していて、新しい技術やツールが次々と現れるよね。そんな中、テストフレームワークの選択は、ウェブエンジニアの旅路における重要な決断だ。今回は、JavaScript/TypeScriptの開発において、新たな可能性を秘めたテストライブラリ「Vitest」をご紹介するよ。 Jestに似ているけど、さらにいくつかの特長を備えたVitest。この記事では、Vitestの導入から基本的な使い方、さらには発展的な機能までを掘り下げていくよ。これからVitestの航海に出る君たちに、少しでも役立つ情報を提供できればと思ってる。 本記事は、Next.jsとの連携やVit…

PyConをエンジニア目線でレポート 弊社はPyConでプラチナスポンサーとしても参加させて頂いていますが、今回の記事はエンジニア目線で参加してきたPyConをレポートしようと思います！ PyConに関係する記事として以下のような記事を公開しています。合わせて読んでみてください。 カケハシのTechBlogからPythonの記事をいくつかピックアップしたまとめ記事 kakehashi-dev.hatenablog.com PyCon登壇した弊社の横田さんの登壇内容の詳しい記事 kakehashi-dev.hatenablog.com そして、カケハシがスポンサーブースを出す中での苦労と感動の記…

先日、PyCon APAC 2023にポスターセッションのスピーカーとして参加してきました。 2023-apac.pycon.jp 本記事はその記録です。 カンファレンス感 トーク 当日に会場で、後日にYouTubeで視聴しました。特に印象に残った3選を挙げます。 好きとか嫌いとかはいい、練習してテストを書けるようになるんだ ftnext.github.io テストコードの一歩目として非常にオススメです 引用：好きとか嫌いとかはいい、練習してテストを書けるようになるんだ 自分の発表でも言及していたのですが、低コストで導入できる「better than nothing」な打ち手として、docte…

こんにちは、お手伝いの大櫛です。 今回はRustのテスト体験を快適にするテスト系ライブラリ・ユーティリティをいくつか紹介します。 記事中、例としてコード片を示す箇所があります。今回はRust 1.73.0を用いていますが、今後のリリースにより動作が変わっている場合があります。また、各crateのバージョンについてはそれぞれの見出し直下に記載しています。 Fake 使用バージョン：v2.8.0 github.com UUID生成処理やユーザーインプットを受け取る処理などにおいて、テスト時だけそれらの処理や値を差し替えるという手法はよく取られています。 それらを補助するcrateがFakeになりま…

プラチナスポンサーとして参加します！ 我々株式会社カケハシは、2023年10月26日(木)から10月29日(日)にTOC有明コンベンションホールで開催される PyCon APAC 2023 に、プラチナスポンサーとして参加することとなりました！ 2023-apac.pycon.jp 当日はカケハシブースにて皆様のご来場をお待ちしております！皆さんと一緒にイベントを盛り上げていきたいと思います！ PyCon APAC 2023 PyCon APAC は、アジア太平洋地域のPythonコミュニティが集まる国際的なカンファレンスです。第一回のシンガポール開催以降、毎年様々な国で開催されており、今年は…

こんにちは。レシピ事業部のkaorun343です。我々のチームではレシピサービスのフロントエンドを Next.js と GraphQL のシステムに置き換えている話 - クックパッド開発者ブログにて紹介したとおり、レシピサービスを Next.js ベースの新システムへと移行しています。今回は、この新システムのCSS in JSをEmotionからゼロランタイムのvanilla-extractへ変更した話です。 vanilla-extract.style 背景 以前書いた レシピサービスのフロントエンドに CSS in JS を採用した話 - クックパッド開発者ブログでは、CSS in JSライ…

目次 目次 はじめに マイページ画面リプレイスに伴う課題 使用したライブラリ Objective-Cでリファレンス、Swiftでテスト リファレンス画像のファイルサイズを小さく デバイスも言語も一気にテスト 複数言語のテスト自動化 複数デバイスを一気にテストする方法 いにしえVCのためのスタブデータの用意 おわりに はじめに みなさん、こんにちは！ 松井です。普段はWEAR iOSアプリ開発で、コードを書く筋肉をパンパンに鍛えています。WEARアプリは、長い歴史を持っており、まだまだObjective-Cで書かれたレガシーなコードも居座っているんです。そんな中、私たちは地道にリファクタリングを…

こんにちは、カケハシの横田です。今回は我々の会社で実践しているテクノロジーについてお話しします。我々の開発チームは、日々 Apache Spark を活用し 100 個以上のバッチ処理を運用する中で、 AWS Glue という Apache Spark のマネージドサービスに大いにお世話になっています。 しかし、バッチ処理のテストを行う際にはいくつかの課題に直面します。特に想定外のデータへの網羅性を確認することが難しく、それを検証するために今までは本番データを使って毎回確認を行っていました。そうすると、1 回の確認のために数 10 分待つ必要があり、バッチ処理開発の開発に時間がかかってしまって…

使うライブラリ・パッケージと概要 React, TypeScript, Storybook: ReactはJavaScriptライブラリであり、ユーザーインターフェイスの構築を容易にします。TypeScriptはJavaScriptのスーパーセットで、型安全性を提供し、バグを早期に発見し、コードのリーダブル性と保守性を向上します。StorybookはUIコンポーネントの開発とドキュメンテーションを支援するツールです。Storybookを使用すると、各コンポーネントの異なる状態を視覚的に確認することができます。 Jest: JestはJavaScriptのテストフレームワークで、Reactコンポ…

github.comtesting/snapshot.tsのgreen(bold(`\n > ${updated} snapshots updated.`))の出力に影響する部分のリファクタリングをする際、異なるディレクトリにあるスナップショットテストの実行結果をテストで保証したかった。既存のコードを読んだら、スナップショットテストのテストにスナップショットを使っていたのでおもしろかったので、追加したテストについてメモしておく。 まず、一時的なディレクトリを作成し、受け取った関数を実行し、実行後に一時的なディレクトリを削除する関数を用意する。https://github.com/denolan…

インフラチームの西川です。 オープンワークでは検索等の処理速度改善のためElasticsearchを利用しています。 検索用のデータをElasticsearchに同期（投入）しているのですが課題を抱えており、今回はそちらを解決するために行ったことをまとめてみました。 構成 Before After Elasticsearch同期処理の課題 同期速度が遅い リリース時に同期ずれが起きる リリース手順が煩雑 同期クエリの確認が面倒 開発よもやま話 CDK メリット デメリット はまったこと IssueOps(branch-deploy) メリット デメリット はまったこと 最後に 構成 Befor…