Cypressとは？Browser E2E・Component Testing Tool

ページ内ナビ

概要

Cypressはbrowserで動くapplication向けのtesting toolです。npm packageとして導入し、interactive Test Runnerでtestを作成・debugする操作と、CLIからの自動実行を同じprojectで扱えます。repositoryはend-to-end testingとcomponent testingの両方を対象にしています。

特徴と向いている用途

公式資料に基づく紹介・実機未検証 · 内容確認日：2026-10-03

主な特徴

E2Eとcomponent testをbrowser上で実行する

Cypress packageはbrowser applicationのtestingを目的とし、repository metadataとpackage構成はend-to-end testingとcomponent testingのworkflowを含みます。

出典：[1][4]

CLIからopen・run・verifyを使い分ける

CLIはinteractive Test Runnerを開く操作、terminalからtestを実行する操作、Cypress executableが正しくinstallされたかをverifyする操作を提供します。

出典：[2]

向いている用途

local debuggingとCI regression testを同じtest suiteで回したい場合に向く

developerがlocalではinteractive runnerで失敗箇所を確認し、CIではCLIから同じbrowser testを自動実行するworkflowに適します。

出典：[1][2]

導入前の確認

16.1.1のpublished CLIが対応するNode versionを揃える

v16.1.1のCLI packageはNode.js ^22.0.0 || ^24.0.0 || >=26.0.0を要求します。projectとCI imageのNode versionをこのrangeへ合わせます。

出典：[4]

install時のexecutableとhost要件をCI設計へ含める

npm moduleのinstall後にCypress executableを利用するため、official READMEが案内するsystem requirementsに加え、CIではbinary cacheやnetwork/proxy条件も確認します。

出典：[3]

参考にした公式資料

[1]Cypress v16.1.1 README(2026-10-03)
[2]Cypress v16.1.1 CLI README(2026-10-03)
[3]Cypress v16.1.1 npm README(2026-10-03)
[4]Cypress v16.1.1 CLI package metadata(2026-10-03)
[5]Cypress 16.1.1 release(2026-10-03)

編集部からの補足

browser applicationの回帰testを、localのinteractive debuggingとCI実行の両方で揃えたい場合に使いやすい構成です。install時にCypress executableを取得するため、CI cacheやproxy、hostのsystem requirementsも含めて導入を設計してください。

3ステップで試す

1
検証用projectを作成する
既存projectへ入れる前に小さなnpm projectを用意します。Cypress 16.1.1はNode.js ^22、^24、または26以上を要求します。
mkdir cypress-demo && cd cypress-demo && npm init -y
2
Cypress 16.1.1をdevelopment dependencyへ追加する
package versionを固定し、対応するCypress executableをinstallします。
npm install --save-dev cypress@16.1.1
3
executableをverifyしてTest Runnerを開く
binaryの起動確認後にinteractive Test Runnerを開きます。初回はE2Eまたはcomponent testingの設定を選択してscaffoldできます。
npx cypress verify && npx cypress open

公式READMEで確認

成長

成長の推移 · 直近30日

51,043 Stars

推移データを蓄積中です。

開発アクティビティ

直近90日・週次

Commit（直近30日）: 117
Open PR: 68

開発アクティビティを蓄積中です。

Built with

TypeScript

カテゴリとタグ

GitHubデータ

GitHubのデータGitHubの詳細データを見る

GitHubで見る

GitHub Topics

cypress
end-to-end-testing
angular-testing-library
component-testing
cypress-cloud
cypress-schematic
react-testing-library
svelte-testing-library
testing-framework
testing-library
testing-tool
vue-testing-library

Stars: 51,043
Forks: 3,646
Watchers: 633
Open Issues: 1,049
Contributors: 411
所有者種別: Organization
主要言語: TypeScript
ライセンス: MIT
リポジトリ最終更新: 2026/10/03