본문 바로가기

Tools/Cypress

(6)
Cypress와 Selenium 비교 시작하기에 앞서 Cypress 사이프레스를 공부하며, 이후 프로젝트에 어떤 테스트 툴을 도입하는 것이 좋을까 고민이 되어 이 포스트를 작성하게 되었습니다. Selenium은 지금까지 사용해 본 적은 없습니다만, 이번기회에 가볍게 공부 해 볼까 생각이 드네요. 그럼, 둘의 특징에 대해서 먼저 살펴 봅시다. 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.io ..
Cypress입문~테스트의 작성과 실행~ 시작에 앞서 저번의 포스팅에서는 사이프레스의 인스톨부터 실행방법까지 알아보았습니다. Cypress입문~인스톨부터 기동까지~ Cypress입문~인스톨부터 실행까지~ 시작에 앞서 올해부터 프론트 개발에 입문하게 되었습니다. 지금까지 백엔드 개발을 해 왔습니다만, 필자의 목표는 풀스택 엔지니어라 이번이 좋은 기회가 될 것이라 생각합니다. 프론트 개발 labfor310.tistory.com 테스트의 작성은 스팩 spec이라는 파일에서 작성합니다. 이번에는 이 파일의 기본적인 작성법과 테스트의 실행에 대해 알아 봅시다. Cypress의 작성방법 Cypress에서 사용하는 기본적인 커멘드를 소개하겠습니다. cy.visit('방문할 URL') //web사이트의 방문 cy.get('DOM 태그') //DOM의 취득 c..
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..
CypressとSeleniumの比較 はじめに Cypressを勉強しているところ、今後、PJへどのテストツール投入するのがいいかと思い、この記事を書くことになりました。 Seleniumは今まで使ったことはないのですが、この機会軽く勉強しようかと思います。 まず、二つのツールの特徴を見てみましょう。 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.io CypressはJavaScriptで作成する自動テストツールです。QAや..
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..