Trade-offs | Cypress Documentation
Cypress automates the browser with its own unique architecture. While this unlocks the power to do things you will not find anywhere else, there are specific trade-offs that are made. There is no free lunch! In this guide we will lay out what some of the trade-offs are - and specifically how you can work around them. While at first it may seem like these are strict limitations in Cypress - we thin
【書き起こし】Frontend Testing: Cypress as a Testing Platform – Wilson Lau【Merpay Tech Fest 2021】 | メルカリエンジニアリング
【書き起こし】Frontend Testing: Cypress as a Testing Platform – Wilson Lau【Merpay Tech Fest 2021】 Merpay Tech Fest 2021は、事業との関わりから技術への興味を深め、プロダクトやサービスを支えるエンジニアリングを知れるお祭りで、2021年7月26日（月）からの5日間、開催しました。セッションでは、事業を支える組織・技術・課題などへの試行錯誤やアプローチを紹介していきました。 この記事は、「プラットフォームとして、Cypresssを利用したフロントエンドのテスト」の書き起こしです。 Wilson Lau氏：「Merpay Tech Fest 2021」へ、ようこそ。Wilsonと申します。プラットフォームとして、Cypresssを利用したフロントエンドのテストについてご紹介します。 私は、20
Testing | Next.js
Examples Next.js with Cypress Next.js with Playwright Next.js with Jest and React Testing Library Next.js with Vitest Learn how to set up Next.js with commonly used testing tools: Cypress, Playwright, and Jest with React Testing Library. Cypress Cypress is a test runner used for End-to-End (E2E) and Integration Testing. Quickstart You can use create-next-app with the with-cypress example to quickl
Next.jsプロジェクトにCypressを導入してGitHub ActionsでE2Eテストをする
はじめに ※この記事は下記記事の延長です。下記記事を読まなくても問題ないように書いていますが、ご興味ありましたらご一読ください。 今回はNext.jsプロジェクトにCypressを導入してGitHub ActionsでVercelのPreview環境のE2Eテストをするまでの手順を書いていきたい思います。 前提 Next.jsでsrcディレクトリ配下にアプリケーションコードを配置していること Vercelを使用しており、PRごとにPreview環境がデプロイされること 導入手順 必要なパッケージをインストール npm scriptsをpackage.jsonに追加 yarn cy:openを実行し雛形を作成 設定ファイルを修正し初めてのテストを実行 TypeScript対応 @testing-library/cypressの設定 GitHub Actionsの設定 必要なパッケージをインス
Cypress + CircleCIの高速化Tips - notebook
簡単なテストケースをいくつか書いただけで5分以上掛かるようになってしまったのでチューニングの機運！ ということで今回はキャッシュについて バイナリのキャッシュ Cypressはバイナリのインストールをnode_modulesではないところにインストールしています Installing Cypress | Cypress Documentation docs.cypress.io CircleCIでCIを回すときに使っているイメージはLinuxなので~/.cache/Cypressにインストールされるが毎度インストールが走ります その結果毎度npm installに1分以上もかかるということになってしまいます ここはCircleCIのcacheを使えば楽勝じゃん！という感じなのですがそう簡単ではありませんでした 単純に - save_cache: key: sample-key-{{ .Br
Page Object Patternを使うな、というCypress公式記事を読んで思ったこと - Qiita
※この記事はただの集団 Advent Calendar 2019の11日目の記事です。 はじめに 若干過激なタイトルにしたことを最初にお詫びします。 正確には以下の記事を読んで思ったことです。 Stop using Page Objects and Start using App Actions Page Objectsを使うのはやめて、App Actionsを使おう （著者訳） 引用元はCypressの公式ブログです。 全編英語なので、「読むの面倒くさいよぅ」という方には、本記事が内容理解に役立つかもしれません。 Summary 1.前提 2.Page Object Pattern推奨派の主張 3.Page Object Pattern否定派の主張 4.記事を読んで思ったこと 5.最後に 説明の都合上、まずPage Object Pattern推奨派の考え方を簡単に説明し、その後にPag
1
リリース、障害情報などのサービスのお知らせ
最新の人気エントリーの配信
j次のブックマーク
k前のブックマーク
lあとで読む
eコメント一覧を開く
oページを開く
Quality Engineering for Web UI | JavaScript UI - w2ui
GitHub - cypress-io/cypress-example-docker-compose: Example running Cypress tests against Apache server via docker-compose
Cypress | TypeScript Deep Dive 日本語版
GitHub - cypress-io/cypress-example-recipes: Various recipes for testing common scenarios with Cypress
Visual Regression testing with Cypress.io and cypress-image-snapshot