본문 바로가기

React

(2)
Cypress入門〜テストの作成と実行〜 はじめに 前回の記事ではインストールから起動までの方法について語りました。 Cypress入門〜インストールから起動まで〜 Cypress入門〜インストールから起動まで〜 はじめに 今年からフロントの開発に入りました。今まではバックの開発をしてきましたが、目標はフルスタックエンジニアなので今回が自分にとってはいい機会になると思います。 今まで labfor310.tistory.com テスト記述はspecというファイルで行えます。今回はこのファイルの基本的な作成方法とテストの実行を学んでいきましょう。 Cypressの作成方法 Cypressで使われる基本的なコマンドを紹介いたします。 cy.visit('訪れたいURL') //webサイトの訪問 cy.get('DOMタグ') //DOMの取得 cy.contain('文字列') //文字列の確認 cy.click() //クリッ..
Cypress入門〜インストールから起動まで〜 はじめに 今年からフロントの開発に入りました。今まではバックの開発をしてきましたが、目標はフルスタックエンジニアなので今回が自分にとってはいい機会になると思います。 今まで経験しなかったいろんなツールや技術を触ることになって、その中で興味深かったものをまとめていこうかと思います。 さあ、その初めはテストツールであるCypressを見てみましょう。 Cypress? https://www.cypress.io JavaScript End to End Testing Framework Fast, easy and reliable testing for anything that runs in a browser. Install Cypress in seconds and take the pain out of front-end testing. www.cypress..