# cypress

34개의 포스트
post-thumbnail

34)

프론트엔드 서버가 5개가 있을 경우 돌아가면서 한번씩 트래픽 나눠주는것 접속자가 적은 쪽으로 트래픽 몰아주기amazon(AWS)google(GCP)microsoft(Azure)예전에는 개발자랑 배포하는사람이 나눠져있었는데 요즘엔 Development + Operatio

약 20시간 전
·
0개의 댓글

cypress 테스트 도구 사용해보자

레거시 코드가 많아서 바로 사용자 테스트로 넘어갔습니다. 1. window10에 wsl2 설치하기 참조 : https://www.lainyzine.com/ko/article/how-to-install-wsl2-and-use-linux-on-windows-10

2022년 6월 8일
·
0개의 댓글
post-thumbnail

34일) 내가 만든 사이트를 세상에 공개한다..! 배포준비와 이에 따르는 책임들 / GCP/SSH/Loadbalancer/테스트코드 CODE CAMP FE 6기

하.. 너무 아쉬운 코캠의 마지막 8주차 커리큘럼 내가 로컬호스트로 틀어서만 확인 가능했던 사이트를 도메인을 직접 사서 배포 할 수 있다니 ?! 정말 너무나 설레는군...? (오류없이 포폴을 잘 만들어 놓자)게다가 깃헙으로 협업까지 배운다고 한다.. 정말 실무로 나가기

2022년 5월 2일
·
0개의 댓글
post-thumbnail

Cypress 기본 문법 1

cypress 공식문서에 튜토리얼이 정말 잘 정리되어있다.모든 내용은 공식 홈페이지에 나와있으니 참고바란다.cypress 공식문서(https://docs.cypress.io/examples/examples/tutorialscypress.json에 baseUrl

2022년 4월 23일
·
0개의 댓글
post-thumbnail

기프티콘 거래 웹앱 with Cypress

프로젝트 시작 모바일 중고 쿠폰 거래 웹앱 구현하는 과제가 주어졌다. 구현해야 할 부분은 Api 함수 구현, 결과 타입 정의, 공통 리스트 카드 컴포넌트 그리고 카테고리 상세 페이지, 브랜드 상세페이지이다. Api 함수 구현 및 타입 정의 구현해야할 Api 요청 함

2022년 3월 22일
·
0개의 댓글
post-thumbnail

[Test] Cypress로 E2E테스트 하기 - 설치/설정하기

E2E테스트 라이브러리 중 하나인 Cypress를 사용해보자.cypress를 설치 하고 나면 다음과 같은 eslint 오류가 뜬다.이를 해결하기 위해서 관련 플러그인을 설치하고, eslintrc에도 코드를 한 줄 추가해주었다.cypress esling plugin공식문

2022년 3월 21일
·
1개의 댓글
post-thumbnail

Cypress에서 API 모킹하기

1. 발생한 문제..😡 우테코 나만의 유튜브 강의실 미션중 마주한 문제이다.. 우선 상황은 이렇다! Youtube API 키를 사용해서 검색된 결과의 동영상의 정보를 가지고와 검색된 결과의 타이틀, 썸네일을 보여주는 작업을 하고 있었다. 문제는 Youtube A

2022년 3월 20일
·
0개의 댓글
post-thumbnail

문벅스 메뉴관리에 Cypress 적용기

문벅스 카페메뉴 만들기 - 블랙커피JS 레벨1 13기를 간단하게 회고하고, 문벅스 카페메뉴 만들기 과제에 Cypress를 이용하여 적용하면서 배운 내용 및 적용 과정을 적은 글입니다.

2022년 2월 23일
·
2개의 댓글
post-thumbnail

Cypress 101 - 2

cypress101 두번째 포스팅에서는 Page Object Model, Custom Command 작성 방법에 대해 알아본다.

2022년 2월 2일
·
0개의 댓글
post-thumbnail

Cypress 101 -1

cypress 는 웹 자동화 테스트 프레임워크이다.Chrome, Edge, Firefox의 브라우저 환경에서 테스팅을 할 수 있으며,비슷한 테스팅 도구인 playwright 보다 별점이 높다.

2022년 2월 1일
·
1개의 댓글

Cypress SSR API intercept 처리법

Cypress 테스트 코드 작성 중 SSR에서 호출하는 API는 intercept가 안되는 현상이 있어서 해결하는데 고생좀 했다.결론은 Cypress 전용 NextJS 서버를 하나 더 만들어주고 nock 라이브러리를 통해 api를 mock data로 바꿔주면 된다.cy

2021년 12월 28일
·
0개의 댓글

Github Actions로 cypress report 발행하기

Medium Daily Digest 를 구독중인데 Cypress 글을 많이 봤더니 추천글에 Cypress 관련 글이 많았다. 그중에 Publish your Cypress Test Report with GitHub Actions가 있어 글을 읽으면서 따라해보기로 했다.

2021년 11월 23일
·
0개의 댓글

Cypress e2e 테스트 환경 구축하기

cypress 다운로드 > cypress 다운 cypress 파일 생성 cypress 실행하기 >package.json 스크립트 추가 cypress를 시작하게 되면 우리가 작성한 테스트 코드 파일을 확인 할 수 있습니다. 주의사항 e2e 테스트를 실행시키기전 터

2021년 10월 9일
·
0개의 댓글
post-thumbnail

Selenium 과 Cypress

Selenium 과 Cypress 는 다양한 브라우저 및 플랫폼에서 웹 응용 프로그램을 위한 무료 자동화 테스트이다. Selenium은 오랫동안 쓰여온 자동화 테스트 툴이고, Cypress는 최근 쓰이기 시작했다. Cypress의 사용량이 급격하게 늘어나고 있는 추세다

2021년 9월 30일
·
0개의 댓글

Cypress의 Before, BeforeEach

2021년 9월 23일
·
0개의 댓글
post-thumbnail

프론트엔드 테스트가 어려운 이유와 해결방법(storybook, cypress, applitools)

프론트엔드 테스트 흔히들 프론트엔드에서 테스트가 어렵다고 말한다. 이유는 간단하다. 결과값을 데이터로 만들어놓기가 어렵기 때문이다. 프론트엔드 단에서 결과라는 것은 html, css, js 가 결합되어 만들어린 렌더링 트리가 브라우저에 렌더링된 그 그림을 뜻한다.

2021년 9월 8일
·
0개의 댓글
post-thumbnail

Cypress Elements 선택하기 (data-cy 사용과 제거)

cypress elements 선택 / css in js / react에서 property 삭제

2021년 6월 14일
·
0개의 댓글