Storybook と Vitest の統合したコンポーネントテスト

2024/10/06 38 users StorYBook API テストランナー ストーリー 将来

Note Storybook Vitest Plugin は 2024 年 10 月 5 日現在実験的な機能として提供されており、API が将来にわたって変更される可能性があります。 Storybook v8.3 より、ストーリーをテストするためのテストランナーとして Vitest を使用できるようになりました。今までも composeStories 関数で作成済みのストーリーを... 続きを読む

Vitest公式になったeslint-plugin-vitestを導入して、適切なVitestのお作法を学んでみる

2024/08/24 17 users お作法

import vitest from "@vitest/eslint-plugin"; export default [ { files: ["tests/**"], // or any other pattern plugins: { vitest }, rules: { ...vitest.configs.recommended.rules, // you can also use vitest.configs.all.rules to enable all rules + // e.g. 'vitest/no-test-return-statement': 'error', + "... 続きを読む

@swc/jestで手間をかけずにテストを早くする - ドワンゴ教育サービス開発者ブログ

2024/02/26 11 users SWC Jest Bun 手間 ドワンゴ教育事業

こんにちは、ドワンゴ教育事業 Web フロントエンドチームの猪井です。 この記事では babel-jest から @swc/jest に移行することで Jest によるテストが速くなった事例について紹介します。 JavaScript のテストツールは、Vitest のバージョンが 1 を迎えたり Bun が登場したりして、よく使われる Jest 以外にもよさそう... 続きを読む

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

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

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

フロントエンドのテスト基盤を Jest から Vitest に移行した話

2023/12/26 15 users Jest テストフレームワーク ナレッジワーク テスト基盤

こんにちは。ナレッジワークの torii です。 7 月にフロントエンドエンジニアとして入社してもうすぐ半年、そろそろ技術記事の一つも書きたいなと思っていたところに、ちょうどいいネタを見つけたので投稿してみます！ Jest から Vitest に移行してみた 早速やったことですが、フロントエンドのテストフレームワークを J... 続きを読む

Vitestを使った型テストの始め方

2023/09/26 18 users 始め方

WeJS @ 42nd https://wajs.connpass.com/event/293440/ 続きを読む

Vitestでドキュメンテーションテストする

2023/09/13 19 users ドキュメンテーション

ドキュメンテーションテストをご存知でしょうか。 ドキュメンテーションテストとは、ドキュメントに記載されたコードを実行し、その結果が期待通りであるかを検証するテストのことです。 これにより、ドキュメントの内容が常に最新の状態であることを保証することができます。 Rustでは公式がrustdocというツールを提供... 続きを読む

Cloudflare Workers を活かしきるスタックを考えた(remix+d1 on pages-functions) + 残タスク

2023/05/07 57 users スタック Cloudflare Workers docs

Cloudflare Workers を活かしきるスタックを考えた(remix+d1 on pages-functions) + 残タスク このスクラップ で試行錯誤していたまとめ。 最終形はここにアップロードした。 docs の下に、このリポジトリを生成した手順、セットアップ方法、リリース方法を書いてある。 (remix-validated-form や vitest のテストの追加... 続きを読む

Testing Types | Vitest

2023/03/19 7 users under the

Testing Types #Vitest allows you to write tests for your types, using expectTypeOf or assertType syntaxes. By default all tests inside *.test-d.ts files are considered type tests, but you can change it with typecheck.include config option. Under the hood Vitest calls tsc or vue-tsc, depending on ... 続きを読む

Vue 向けの Vite 製の UI コンポーネントカタログツール Histoire

2022/06/06 6 users StorYBook vite Vue story 単語

Histoire はフランス語で「Story」という意味の単語であり、Storybook のように UI コンポーネントのカタログを作成するツールです。 Histoire は以下のような特徴を謳っています。 Vite にネイティブ対応 Histoire は Vite 向けのツールであるので、vite.config.ts の設定を再利用できます。このあたりの特徴は Vitest ... 続きを読む

Vietest公式のVSCodeプラグインがリリースされました | DevelopersIO

2022/04/24 10 users DevelopersIO 年初 森茂 あっという間 開発

はじめに こんにちは、CX事業本部MAD事業部の森茂です。 2022年4月24日にVitest公式のVSCodeプラグインがアナウンスされました。 Vitestはあたらしいテストフレームワークとして昨年末に公開されました。年初に紹介記事を書いたときにはまだv0.2系でしたが、あっという間にv0.9.4まで開発が進み（2022年4月24日現在）正... 続きを読む