--- title: クラウドでのサイプレスの自動化 description: TestingBotを使用して大規模な自動サイプレステストを実行します。大規模なブラウザグリッドでサイプレスを使用してE2Eテストを実行します。 source_url: html: https://ja.testingbot.com/features/automation/cypress md: https://ja.testingbot.com/features/automation/cypress.md --- サイプレスクラウド # Cypressを実際のブラウザクラウド上で実行する 既存のCypressスイートをTestingBotのグリッドに接続し、Windows、macOS、Linux上の実際のChrome、Firefox、Edgeで実行できます。大規模な並列処理、ビデオおよびログアーティファクト、EUデータレジデンシーによるGDPR準拠。 Comparing frameworks? See [Cypress vs Selenium](https://ja.testingbot.com/cypress-vs-selenium) and [Cypress vs Playwright](https://ja.testingbot.com/cypress-vs-playwright). [無料で始める](https://ja.testingbot.com/users/sign_up) [デモをリクエストする](https://testingbot.com/demo) - **ブラウザとOS:** Chrome · Firefox · Edge - **並行セッション:** 100 - **稼働時間SLA:** 99.9% 世界で最も革新的な企業のいくつかから信頼されています 30秒で答える ## TestingBotでCypressを実行する理由とは？ 真のクロスブラウザ対応 Cypressは、当社のクラウド上で、実際のWindows、macOS、Linux環境において、Chrome、Firefox、Edgeといったブラウザ上で動作します。お客様が使用するすべてのブラウザで、同じスペックで動作します。 大規模並列処理 最大100個の同時実行Cypressセッションに分散し、それぞれを専用の仮想マシンで実行します。これにより、処理時間を数時間から数分に短縮できます。 ドロップインCLIスワップ オープンソースの`testingbot-cypress-cli`をインストールし、 `cypress.config.js`を指定して実行してください。 サイプレスとは何ですか？ ## サイプレスを60秒で見る ![Cypress](https://ja.testingbot.com/assets/support/cypress-409c9fd3f79115ed7676aa1df4f6a217dc4402b3366a61984924aec7b4fefa97.svg) ### Cypress Open source · MIT · JavaScript / TypeScript Cypressは、ブラウザ上で動作するJavaScriptのエンドツーエンドテストフレームワークで、アプリケーションと同じJavaScriptランタイム環境で実行されます。WebDriverベースのツールが使用するプロセス間ブリッジを介さずに、DOM、ネットワークリクエスト、タイマー、フレームワーク自身の状態など、あらゆるオブジェクトに直接アクセスできます。 これにより、Cypressは高速なフィードバックループ、自動待機、タイムトラベルデバッグ、組み込みのスパイ/スタブAPIといった特長を備えています。高速なフィードバックループと最新の開発体験を求めるJavaScriptファーストのチームにとって、Cypressはまさに最適な選択肢と言えるでしょう。 - JavaScript / TypeScript を優先し、ブラウザ内で動作します。 - 本物のChrome、Firefox、Edge - 自動待機、タイムトラベルデバッガー、ネットワークスタブ - 組み込みのスパイ、スタブ、クロックAPI - testingbot-cypress-cli を介して並列処理 2行CLI ## 1つのコマンドでクラウド上でCypressを実行 オープンソースのCLIをインストールし、testingbot-cypress initを実行して設定ファイルを生成した後、testingbot-cypress runを実行して実際のブラウザに並列で展開します。 install & init step 1 ```bash # Install the open-source CLI $ npm install testingbot-cypress-cli # Generate testingbot.json (one-off) $ testingbot-cypress init # Edit the generated testingbot.json: # "cypress_project_dir": "./cypress", # "browsers": ["chrome", "firefox", "edge"], # "build_name": "ci-build-${BUILD_NUMBER}" ``` run on the cloud step 2 ```bash # Run your specs on real cloud browsers $ testingbot-cypress run --parallel 10 # Pin a specific supported Cypress version $ testingbot-cypress run \ --cypress-version "14.2.0" # → live results in your TestingBot dashboard # → video and console logs via REST API ``` 高度なフラグ、並列オプション、CI統合については、[TestingBot上のCypressに関する完全なドキュメントを](https://testingbot.com/support/web-automate/cypress)参照してください。 ローカル vs クラウド ## ローカルCypress vs TestingBot Cypressは、スケーラビリティ、複数のブラウザ、あるいは本格的なWebKitが必要になるまでは、ノートパソコン上では高速に動作します。ホスティング型クラウドとの比較は以下のとおりです。 | 能力 | テストボット | 地元のイトスギ | | --- | --- | --- | | ブラウザのカバー範囲 | 本物のChrome、Firefox、Edge | ローカルにインストールされているもの | | オペレーティングシステム | 本物のWindows、macOS、Linux | あなたの唯一の開発マシン | | 並列スケーリング | 最大100セッション同時接続可能（オンデマンド） | CPUとRAMによって制限されます | | ビデオとログ | HDビデオとコンソールログが含まれています | 内蔵ビデオはあるが、中央ダッシュボードはない | | プライベート環境とステージング環境をテストする | 内蔵型セキュアトンネル | 直接アクセスのみ | | EUデータ居住地 | はい、GDPRに準拠しています | あなたのノートパソコンがどの国にあるか | | 信頼性 | 稼働率99.9%のSLA、24時間365日の監視 | 蓋を閉じるとクラッシュする | ![開封直後のビデオ、スクリーンショット、ログ](https://ja.testingbot.com/assets/features/test-results-315382c39a67ad52167d2a4fd78570c99aea3e0ec386c17e82265851e93cb7b3.png) テスト成果物 ## 開封直後のビデオ、スクリーンショット、ログ すべての Cypress テスト結果には、スクリーンショット、ログ、ビデオが含まれます。 テストステータスを簡単に追跡し、REST API 経由で成果物にアクセスし、既存のツールと統合してシームレスなレポートと分析を実現します。 - あらゆるスペックに対応したフルHDビデオ - ブラウザコンソール出力とCypressログ - スクリーンショットはご要望に応じて提供いたします - カスタム画面解像度、タイムゾーン、地域 - ブラウザの起動フラグと[その他多くの機能](https://testingbot.com/support/web-automate/cypress/capabilities) 機能 ## Cypressがクラウドで必要とするすべてのもの TestingBotは、テストを実行するだけでなく、設定ファイルで設定するCypressのすべての機能に加え、位置情報やタイムゾーンといったクラウド専用の機能も提供します。 - ### [Capabilities](https://testingbot.com/support/web-automate/cypress/capabilities) Browser, OS, version, screen resolution and every capability the cloud accepts. - ### [Authentication](https://testingbot.com/support/web-automate/cypress/authentication) Pass credentials, environment variables and login fixtures into your specs. - ### [Specs & filters](https://testingbot.com/support/web-automate/cypress/specs) Pick which specs run per build, group by tag or shard automatically. - ### [TypeScript](https://testingbot.com/support/web-automate/cypress/typescript) Run TypeScript-based Cypress specs out of the box, no extra setup. - ### [Geolocation & timezone](https://testingbot.com/support/web-automate/cypress/geolocation) Spoof GPS and timezone per session for App Store, store-front and back-end checks. - ### [Reporting](https://testingbot.com/support/web-automate/cypress/reporting) JUnit XML, mochawesome and integrations with Jenkins, GitHub and GitLab. 大規模並列処理 ## Cypressによる並列テスト TestingBotのクラウドでCypressの並列テストを実施し、リリースサイクルを高速化しましょう。複数のブラウザ、バージョン、オペレーティングシステムでCypressテストを並列実行できます。 - 最大100の同時Cypressセッション - セッションは数秒で開始、ウォーミングアップなし - testingbot-cypress-cli によるスマートな仕様シャーディング [無料で始める](https://ja.testingbot.com/users/sign_up) ![Cypressによる並列テスト](https://ja.testingbot.com/assets/features/selenium/parallel-0229d698e59a8a6b92fe50344a08634624f018331ecf8a849ef83cfb35e635a5.png) Live exit nodes 10+ countries アメリカ合衆国 イギリス ドイツ フランス スペイン ベルギー オーストラリア 中国 日本 位置情報テスト ## 10カ国以上からのCypressフローをテスト 世界中の実際の出口ノードからCypressテストを実行します。米国、英国、ドイツ、フランス、スペイン、ベルギー、オーストラリア、中国、日本など、さまざまな国からの **ジオターゲティング** 、 **ジオブロッキング** 、 **ローカライゼーション** を検証できます。 安全なインフラストラクチャ ## 本物の機械。使い捨て。液漏れゼロ。 Cypressの各セッションは、実際のオペレーティングシステム上で動作する、新品の使い捨て仮想マシン上で実行されます。実行が終了すると同時に仮想マシンは破棄されるため、何も再利用されず、顧客間で情報が漏洩することもありません。 SOC 2に準拠し、GDPRにも準拠（EU域内データ保管）、SAML SSOに対応、監査ログは企業チーム向けに提供。 - 使い捨ての仮想マシンで、実行ごとに消去されます。 - GDPR準拠、EUデータレジデンシー対応 - SAML SSO、監査ログ、およびSCIMプロビジョニング [TestingBotトラストセンターにアクセス](https://trust.testingbot.com/) 1. 1 テストはTestingBotグリッドに接続します お客様のセッション専用の、クリーンな仮想マシンが数秒でプロビジョニングされます。 2. 2 Cypressは実際のブラウザを駆動します 本物のChrome、Firefox、またはEdgeを使用しており、決して模倣したり、共有したりしたことはありません。 3. 3 VMは実行終了と同時に破棄されます Cookie、ファイル、ブラウザの状態など、すべて消去されます。何も再利用されることはありません。 継続的インテグレーション ## CypressをCI/CDに数分で組み込む TestingBotは、主要なCI/CDツールすべてと連携します。トリガーされたCypressはコミットごとに実行され、動画とログがビルドダッシュボードにストリーミングされます。 ![Jenkins](https://ja.testingbot.com/assets/integrations/jenkins-e586a1c4af833e4c8d38d7b392a4e84bd193f30cae9cf8c9f198a58ec943a1ff.webp) ### [Jenkins](https://testingbot.com/support/integrations/ci-cd/jenkins) ![Bamboo](https://ja.testingbot.com/assets/integrations/bamboo-c8fe09a3cb0b74d6055e3aa6607d77720bfe29ff487b8e3cf825138adf634346.svg) ### [Bamboo](https://testingbot.com/support/integrations/ci-cd/bamboo) ![TeamCity](https://ja.testingbot.com/assets/integrations/teamcity-7e75cdb835903a4983ad276c41d95e569ceac5be486e96ec1f955029ce5bb319.svg) ### [TeamCity](https://testingbot.com/support/integrations/ci-cd/teamcity) ![CircleCI](https://ja.testingbot.com/assets/integrations/circleci-ede029654ff39b60342e4a5bba8fc9a3a49305cc38bda215b7cf8d07e85e0543.webp) ### [CircleCI](https://testingbot.com/support/integrations/ci-cd/circleci) ![GitLab CI](https://ja.testingbot.com/assets/integrations/gitlab-e4c0b6db07d07bc0a400f5606e258f4dc8a51b778e97bbfa51d1d531f3cb049a.webp) ### [GitLab CI](https://testingbot.com/support/integrations/ci-cd/gitlab) ![GitHub](https://ja.testingbot.com/assets/integrations/github-actions-8436242ad9e15381f84f1a98a10dddce15611087f121d6305782e211942b7842.webp) ### [GitHub](https://testingbot.com/support/integrations/ci-cd/github-actions) Secure Tunnel ## 内部アプリとステージングアプリを安全にテストする 当社の[セキュアトンネル](https://testingbot.com/support/tunnel)を使用して、ファイアウォールで保護されたステージングサイト、社内ダッシュボード、またはローカルホスト上のアプリケーションに対してCypressテストを実行できます。 エンドツーエンドで暗号化され、受信ファイアウォールルールは不要で、主要なCIプロバイダーにすぐに対応できます。 ![TestingBot secure tunnel for Cypress](https://ja.testingbot.com/assets/features/tunnel-diagram-poster-8c25e19e6fe4f7276a46a96b31a0ad0e07bb4f5bf98dc192d2b70897cfbb1a26.png) [続きを読む](https://ja.testingbot.com/support/tunnel) よくある質問 ## TestingBotにおけるCypressに関するよくある質問 なぜCypressをローカル環境ではなくTestingBot上で実行するのですか？ Cypressはローカル環境では、インストールされているブラウザ上で動作します。TestingBotを使用すると、実際のWindows、macOS、Linuxマシン上で、Chrome、Firefox、Edgeといったブラウザ上で最大100個のCypressセッションを並列実行でき、HDビデオとコンソールログが自動的に収集されます。 どのCypressバージョンがサポートされていますか？ TestingBot は現在、Cypress `14.2.0` (デフォルト)、 `12.5.1` `13.17.0`サポートしています。testingbot.json `testingbot.json`の`cypress_version`フィールド`10.0.0`使用して`13.3.3`実行ごと`9.1.0`特定のバージョン`8.0.0`固定できます。 Cypressを並列実行することはできますか？ はい。TestingBotのプランには、最大100個の並列Cypressセッションが含まれており、仕様の自動シャーディングはtestingbot-cypress-cliによって処理されます。各セッションは、それぞれ専用の仮想マシンで実行されます。 TestingBotはCypress Cloudとどう違うのですか？ TestingBotは、実際のWindows、macOS、Linux環境上のChrome、Firefox、EdgeブラウザでCypressを実行します。Cypress Cloudは結果ダッシュボードであり、ブラウザクラウドではありません。両者は共存可能で、多くのチームがCypress Cloudにテストを記録し、TestingBotで実行しています。 TestingBotはTypeScriptとCypressコンポーネントランナーをサポートしていますか？ はい、 [TypeScript ガイド](https://testingbot.com/support/web-automate/cypress/typescript)を参照してください。コンポーネントの実行は、e2e 仕様と同じように機能します。 既存のCypressスイートを移行するにはどうすればよいですか？ オープンソースの`testingbot-cypress-cli`インストールし、 `testingbot-cypress init`を実行して、 `cypress.config.js`を指定し、 `testingbot-cypress run`を実行してください。スペック、プラグイン、フィクスチャは変更されません。 内部サイトやステージングサイトをテストできますか？ はい。弊社の[セキュアトンネル](https://testingbot.com/support/tunnel)をインストールすれば、Cypressテストはステージング環境、ローカルホスト、またはファイアウォールの内側にあるあらゆる場所にアクセスできます。 Cypress GridはGDPR/SOC 2に準拠していますか？ TestingBotはGDPRに準拠し、EU域内にデータ拠点を置き、ISO 27001に準拠、STARレベル1認証を取得しています。エンタープライズプランでは、SAML SSO、SCIM、監査ログを提供しています。 ## サイプレステストを開始する準備はできましたか？ 開始するには、[サイプレステスト](https://testingbot.com/support/web-automate/cypress)のドキュメントを参照してください。 [無料トライアルを開始する](https://ja.testingbot.com/users/sign_up) あなたが好きかもしれないリソース [![Tutorial on debugging Cypress tests](https://ja.testingbot.com/assets/resources/articles/10-7ae9f6d9435bea1c54ec815ad535dc4a590086e6165263a9eba3441635d55726.webp)](https://testingbot.com/resources/articles/how-to-debug-cypress-tests) ### [Tutorial on debugging Cypress tests](https://testingbot.com/resources/articles/how-to-debug-cypress-tests) This article will focus on how to debug your Cypress tests with Cypress debugger and other developer tools. [続きを読む](https://testingbot.com/resources/articles/how-to-debug-cypress-tests) [![Cypress and Cucumber Browser Testing](https://ja.testingbot.com/assets/resources/articles/6-495c5e14cb4bf1e282858fc7e2cfcbe89775e3790b88d34c15bf9a6f36d387d4.webp)](https://testingbot.com/resources/articles/cypress-cucumber-testing) ### [Cypress and Cucumber Browser Testing](https://testingbot.com/resources/articles/cypress-cucumber-testing) Cypress and Cucumber is a great combination to write clean and precise end-to-end browser tests. [続きを読む](https://testingbot.com/resources/articles/cypress-cucumber-testing) [![Run Cypress tests on TestingBot's Browser Grid](https://ja.testingbot.com/assets/blog/2020/cypress.webp)](https://testingbot.com/blog/testingbot-cypress) ### [Run Cypress tests on TestingBot's Browser Grid](https://testingbot.com/blog/testingbot-cypress) Run Cypress Automated tests on TestingBot's Browser grid. [続きを読む](https://testingbot.com/blog/testingbot-cypress)