新しい UI テストの手法を提供するテストライブラリ SafeTest

2024/02/25 100 users React angular Svelte Vitest Vue

新しい UI テストの手法を提供するテストライブラリ SafeTest 2024.02.25 SafeTest は Playwright と Jest/Vitest を組み合わせた UI テストライブラリです。特定のライブラリに依存せず、React, Vue, Angular, Svelte などのフレームワークに対応しています。SafeTest は単体テストと Playwright を使った E2E テストの... 続きを読む

いまNext.jsで新規サービスを立ち上げるときの観点（Router・CSS・認証・監視など/2023年末）

2023/10/20 326 users 観点 Next.js 新規サービス StorYBook PoC

免責事項 社内向けに展開するように雑にまとめました Next.jsの知見が深くない人がリードしてPoCを立ち上げなきゃいけなくなったが、社内的にはNext.jsを推奨しているみたいな場面を想定しています なので自信ないところも多いですが割と断言するように心がけて書いています PoCの立ち上げ想定なので、jest/Storybookな... 続きを読む

「State of JavaScript 2022」公開。利用率1位のフロントエンドライブラリはReact、レンダリングはNext.js、テストはJestなど、4万人のエンジニアが回答

2023/01/11 121 users 国別分布 React インド イギリス 同時

JavaScriptに興味を持つ世界中のIT技術者3万9472人が回答したアンケートの結果をまとめた「State of JavaScript 2022」が公開されました（日本語訳版が同時公開されています）。 回答者の国別分布を上位5位までを見ると米国が11.9％、ドイツが5.2％、フランスが3.7％、イギリス（UK）が3.6％、そしてインドが3.2％。 言... 続きを読む

jestでDBありのテストを高速化する

2022/07/02 145 users NestJS ts-jest フレームワーク 総数 改修

課題 お手伝いしているシステムでNestJSを採用しているバックエンドのテストが遅いという課題があったので対処した。 前提 フレームワーク DB テストランナー その他 NestJS postgres jest TypeScript, ts-jest テストの総数は700弱。 最終結果 最終的には2段階の改修を経てローカルのテストが3倍速程度高速化した。 # b... 続きを読む

JestのTips集10選。サーバーサイドでNode.jsのJestを書いたことない人向け

2022/04/11 100 users サーバーサイド ベストプラクティス Tips node.js

対象 業務レベルでサーバーサイドでJestを書いたことはないけれど、新プロジェクトでは書くことになったみたいな方を想定して記述しています。 Jestについては中々ベストプラクティスが集まりにくいので、経験的にこう書くと「きれいに」・「早く」・「正確に」書けるよというTipsを集めてみました。もし、よろしければ... 続きを読む

JestでTypeScriptを高速化する | miyauci.me

2021/09/02 138 users SWC esbuild TypeScript トランスパイル

JestでTypeScriptを高速化するJestでテストの高速化させる方法を紹介します。トランスフォーマーとしてesbuildやswcを紹介し、TypeScriptで遅くなりがちなトランスパイルを高速化させることで、テストを自体を高速化します。 はじめにesbuild の登場により、フロントエンドの世界は、開発環境により速度を求めるようにな... 続きを読む

なぜJestのmockライブラリに混乱してしまうのか？ - Qiita

2020/12/22 120 users テスティングフレームワーク Qiita sinon モック

はじめに JavaScriptのモックライブラリでは、 sinon などが有名であるが、テスティングフレームワークに Jest を使ってるならば Jest組み込みのモックライブラリで済ませたほうが学習コスト少なくて済むだろうと思える。 しかし、 sinon の感覚でJestのモックライブラリを使おうとすると違和感というのか、モックへの考... 続きを読む

Vue と Jest で Unit test を始めよう ｜ DevelopersIO

2019/07/01 59 users DevelopersIO 助力 Vue 本題 オープンソース

Vue と Jest で Unit test を始めよう 保守性の高いコードが書けていますか？ VueのComponent構成 ~ Unit test までの流れを書いています。 Unit testがあると、保守しながら長くメンテナンスしていけるコードになるので、 開発の助力になればと思います。 本題の前に Vue とは オープンソースのJavaScriptフレームワー... 続きを読む

TypeScriptでJestを使うときの設定（ts-jest, @types/jestなど） - dackdive's blog

2019/04/14 51 users Types Babel TypeScript ts-jest

メモ。 TypeScript を使ったプロジェクトに Jest を導入する時に必要なパッケージや設定、とくに ts-jest と @types/jest が必ず必要なのかどうかがよくわかってなかったので調べた。 先にまとめ TypeScript -> JavaScript のコンパイルを TypeScript 自身でやるか Babel に任せるかで必要な設定が異なる。 （Babel 7 か... 続きを読む

Relicensing React, Jest, Flow, and Immutable.js

2017/09/22 481 users Flow

Open Source Platforms Android iOS Web Infrastructure Systems Core Data Data Infrastructure Developer Tools Production Engineering Security Hardware Infrastructure Connectivity Data Center Networking &... 続きを読む

Relicensing React, Jest, Flow, and Immutable.js | Engineering Blog | Facebook Code | Facebook

2017/09/22 481 users Facebook Flow Facebook Code

Open Source Platforms Android iOS Web Infrastructure Systems Core Data Data Infrastructure Developer Tools Production Engineering Security Hardware Infrastructure Connectivity Data Center Networking &... 続きを読む

Jest ·

2017/08/22 228 users コンフィギュレーション Facebook 目の当たり 哲学

JestはFacebookではReactアプリケーションを含む全てのJavaScriptコードをテストするのに利用されています。Jestの哲学の１つは統合的な"ゼロ・コンフィギュレーション"体験を提供することです。エンジニアがすぐに使えるツールが与えられれば、より多くのテストを作成し、その結果としてより安定的で健康的なコードベースに繋がることを目の当たりにしてきたのです。 続きを読む

Jest | Painless JavaScript Unit Testing

2014/05/14 152 users

Familiar ApproachBuilt on top of the Jasmine test framework, using familiar expect(value).toBe(other) assertions 続きを読む