CypressError: Timed out retrying after 4050ms: `cy.click()` failed because this element:

Cypress 오류 해결하기1. cy.click() 실패CypressError: Timed out retrying after 4050ms: `cy.click()` failed because this element:``has CSS `pointer-events: none`원인cypress 에서 click 테스트를 작성하였으나 대상 요소가 CSS 스타일 pointer-events: none을 가지고 있어 클릭 이벤트가 발생하지 않을 때 발생한다.해결1. force: true 옵션 사용:cy.get('img[alt="카카오로그인"]').click({ force: true });force: true 옵션은 Cypress가 요소의 상호작용 가능 여부와 상관없이 클릭하도록 강제한다. 클릭 가능한 상위 요소를 찾기:..

  • format_list_bulleted error
  • · 2025. 1. 12.
  • textsms

WebStorm vs VS Code: URL 동작 방식 차이와 Cypress 에서의 적용

웹스톰에서 실행되는 브라우저 URL 웹스톰에서 브라우저 파일을 실행하면 http://localhost:63342/js-counter-test/index.html?_ijt=96qe1sjtml43gd0fvi088tabrj&_ij_reload=RELOAD_ON_SAVE와 같은 주소를 얻을 수 있다. 이 url 은 localhost:8080 과 달리 실행할 때마다 계속 바뀌는 값이다. 리로드 할 때마다 값이 변경되는 이유는 웹스톰이 내부에서 자동으로 브라우저 파일을 띄워 제공하기 때문이라고 한다.URL에 포함된 쿼리 파라미터(?_ijt=...&_ij_reload=...)는 웹스톰의 실행 환경에 의해 자동으로 생성된 값들이다. 이 값들은 웹스톰의 디버깅 기능이나 실시간 리로딩 기능과 관련이 있다._ijt와 같은..

  • format_list_bulleted Web/TIL
  • · 2025. 1. 9.
  • textsms

[운영체제] Chapter03 프로세스 상태(휴식, 보류)와 문맥 교환

https://www.youtube.com/watch?v=a2GDsaReFEA&list=PLXvgR_grOs1DGFOeD792kHlRml0PhCe9l&index=11 프로세스 상태 및 상태 전이 요약1. 프로세스의 상태프로세스는 다음과 같은 상태를 가지며, 각 상태 간 전이가 발생합니다.생성 (Created)프로세스가 생성되어 준비 상태로 들어감.준비 (Ready)CPU를 사용할 준비가 된 상태.Ready Queue에 들어가 대기.실행 (Running)CPU를 점유하여 실제 연산이 진행되는 상태.대기 (Waiting)입출력(I/O) 요청 등으로 인해 작업이 일시적으로 중단된 상태.종료 (Terminated)작업이 완료되거나, 특정 이유로 종료된 상태.2. 대기 상태의 종류슬립(Sleep)자발적으로 프로세..

  • format_list_bulleted 운영체제
  • · 2025. 1. 5.
  • textsms

호스트 파일(Host File)

호스트 파일(Host File)은 운영 체제에서 도메인 이름과 IP 주소를 매핑하는 중요한 텍스트 파일이다. 이 파일은 네트워크 상에서 컴퓨터들이 서로를 식별할 수 있도록 도와주는 역할을 하며, DNS(Domain Name System) 서버가 없을 때 로컬 시스템에서 이름을 IP 주소로 변환하는 데 사용된다.호스트 파일은 일반적으로 각 컴퓨터에서 사용되는 기본적인 네트워크 연결을 관리하며, 파일 내에 IP 주소와 대응되는 도메인 이름 또는 호스트 이름이 나열된다. 예를 들어, "localhost"는 127.0.0.1 또는 IPv6 주소인 "::1"에 매핑되어 있다. 이러한 매핑 덕분에 사용자는 IP 주소 대신 "localhost" 또는 "127.0.0.1"을 사용하여 로컬 컴퓨터와 통신할 수 있다.호스..

  • format_list_bulleted 카테고리 없음
  • · 2024. 12. 22.
  • textsms

jest - e2e test

e2e 테스트를 도입해보자.서버는 내가 띄우고 있는 것은 아니어서 그냥 따로 test 를 만들어서 진행하려고 한다. E2E test목적 : 실제 app의 흐름을 사용자 관점에서 전체적으로 검증대상 : app 의 엔드포인트, UI 등 특징 :보통 애플리케이션 전체를 실행한 상태에서 테스트 외부 환경(DB, 네트워크 등) 과 상호작용을 포함 주로 요청/응답 흐름을 검증(예 : supertest 와 같은 라이브러리 사용)테스트 시간과 복잡도가 상대적으로 높음 단위 테스트 Unit test목적 : 개별 모듈, 함수, 클래스의 동작을 검증대상 : 특정 로직, 메서드, 컴포넌트특징 : 독립적으로 동작하도록 외부 의존성을 Mocking 주로 jest 의 내장 기능 (expect, mock, spy0n) 을 사용 차이..

  • format_list_bulleted Web/TIL
  • · 2024. 12. 17.
  • textsms
[네트워크] 포트번호

[네트워크] 포트번호

포트 번호  포트 번호는 메시지의 보낸 사람과 받을 사람을 식별하는 데 사용되는 주소 지정 정보의 일부이다. 그것들은 TCP/IP 네트워크 연결과 관련이 있으며, IP주소에 일종의 add-on 으로 설명할 수 있다.  포트 x호 를 사용하면 동일한 컴퓨터의 여러 응용 프로그램이 네트워크 자원을 동시에 공유할 수 있다. 홈 네트워크 라우터 및 소프트웨어는 이러한 포트와 작동하며, 때로는 포트 번호 설정 구성을 지원한다. 포트 번호는 전화 내선 번호처럼 작동한다. 업무용 전화 교환기가 주요 전화번호를 사용하고, 내선 번호 (x100, x101 등) 을 할당할 수 있는 것처럼, 컴퓨터도 들어오고 나가는 연결을 처리하기 위해 주 주소와 포트번호 세트를 가질 수 있다.  건물 내 모든 직원에게 하나의 전화 번호를..

  • format_list_bulleted 네트워크
  • · 2024. 12. 15.
  • textsms