cypress-io/cypress

これは何？

主な機能

• 01アプリケーションと並べて、ブラウザー上で直接テストを実行できます。
• 02エンドツーエンドテストとコンポーネントテストに対応しています。
• 03npm、Yarn、pnpmからインストールでき、Mac、Linux、Windowsで利用できます。
• 04React、Vue、Angular、Svelte向けのTesting Libraryと連携します。
• 05テスト実行の記録や確認に使えるCypress Cloudを提供しています。

ユースケース

• Webアプリのログイン、購入手続きなど、複数の手順からなるユーザーフローのエンドツーエンドテストを作成する。
• React、Vue、Angular、Svelteの各コンポーネントを個別にテストする。
• フロントエンドプロジェクトのCIパイプラインに自動ブラウザーテストを追加する。

クイックスタート

1. 1

   npmでCypressを開発依存関係としてインストール

   npm install cypress --save-dev
2. 2

   またはyarnでインストール

   yarn add cypress --dev
3. 3

   またはpnpmでインストール

   pnpm add cypress --save-dev

使う前に知っておきたいこと

• !テスト対象にはブラウザーで動作するプロジェクトが必要です。汎用ライブラリではありません。

収録されている特集

トピック

よくある質問

cypress とは？

Cypressは、ブラウザー上で動作するあらゆるもののエンドツーエンドテストとコンポーネントテストに使えるJavaScriptテストフレームワークです。 CypressはWebアプリケーション向けのテストツールです。テストはJavaScriptまたはTypeScriptで記述し、ブラウザー上で直接実行します。そのため、開発者は作業中にアプリケーションとテストの手順を並べて確認できます。

cypress は無料で使えますか？ライセンスは？

cypress は MIT ライセンスのオープンソースです。商用製品で使う前にライセンス条件を確認してください。

cypress は今もメンテナンスされていますか？

活発にメンテナンス中。cypress の最終コミットは 2026年10月22日 です。

cypress は何に使えますか？

Webアプリのログイン、購入手続きなど、複数の手順からなるユーザーフローのエンドツーエンドテストを作成する。 React、Vue、Angular、Svelteの各コンポーネントを個別にテストする。 フロントエンドプロジェクトのCIパイプラインに自動ブラウザーテストを追加する。

cypress のインストール方法は？

npmでCypressを開発依存関係としてインストール: npm install cypress --save-dev またはyarnでインストール: yarn add cypress --dev またはpnpmでインストール: pnpm add cypress --save-dev

cypress はどこで入手できますか？

ソースコードとインストール手順は GitHub にあります：https://github.com/cypress-io/cypress