test5 [Playwright] 클립 보드 허용 🎈 클립보드 테스트 하기 복사, 붙여넣기 등 클립 보드를 활용한 기능을 테스트해야하는 경우가 존재한다. 아래는 간단하게 복사 버튼을 누른 후 붙여넣기 버튼을 클릭했을 때 p 태그에 Hello world 텍스트가 보여지도록 하는 코드이다.더보기 복사 붙여넣기 브라우저를 통해서 실행해보면 정상적으로 Hello world가 출력되는 것을 확인할 수 있다.✨ 대부분의 브라우저에서는 보안상의 이유로 https 또는 localhost에서만 작동합니다. 이를 바탕으로 복사 버튼 클릭 후 붙여넣기 버튼을 클릭했을 때 텍스트가 정상적으로 보여지는지를 플레이라이트로 테스트 코드를 구성하였다.test('copy and paste', async ({ page }) => { await page.goto('htt.. 2025. 4. 6. [Playwright] Select 테스트 🎈 Select Locator 탐색select 태그에 대한 Locator를 탐색할 때는 getByRole('combobox')를 사용하면 편하게 탐색할 수 있다. option을 선택할 때는 selectOption 함수를 사용한다. 1 2 3 test('Select', async ({ page }) => { await page.goto('http://127.0.0.1:5500/index.html'); await page.getByRole('combobox').selectOption('2'); await expect(page.getByRole('combobox')).toHaveValue('2');}); 📯 Option의 순서 확인일반적인 경우는 아니지만, Option을 동적으로.. 2025. 3. 1. [Playwright] Locator의 메서드 Playwright에서는 Locator를 대상으로 다양한 메서드를 제공한다. 메서드를 통해 특정 액션을 수행할 수도 있고 대상이 가진 정보를 가져올 수도 있다. 아래는 자주 사용될법한 메서드에 대해서만 정리하였다. 추가적인 다양한 메서드를 제공해주니 공식문서를 참조하자. 🎈 액션(이벤트) 액션 설명blur포커스를 해제한다.click한번 클릭한다.check/uncheck체크는 토글이 아니다. 체크와 언체크가 따로 존재한다.dblclick해당 액션은 click 이벤트를 두번과 더블클릭 이벤트 한번을 발생시킨다.(두 이벤트는 모두 발생시킨다.) - 사용자에의한 더블클릭도 동일하게 작동하기 때문dragTo대상을 타겟이 되는 Locator의 위치로 드래그한다.fill텍스트 입력가능한 요소에 텍스트를 입력한다... 2025. 2. 8. 6. Playwright Fixture 🎈 픽스처 소개Playwright는 일반적인 테스트 픽스처의 개념을 기반으로 하고 있다. 픽스처는 각 테스트의 환경을 설정하는데 사용되고, 테스트에 필요한 모든 것들을 제공한다. 테스트에 필요하지 않은 것에 대해서는 제공하지 않는다. 또한 픽스처는 테스트간에 격리되기 때문에 테스트내에서 픽스처의 수정이 다른 테스트에 영향을 주는 부분은 고민하지 않아도 된다. 픽스처를 사용하면 일반적인 설정대신 테스트의 의미에 따라 그룹화할 수 있다.✨ Test Fixture는 테스트를 수행하기 전에 필요한 상태나 환경을 설정하는 것을 의미한다. 이를 통해 일관된 테스트를 할 수 있도록 해준다. 이 개념을 숙지하자!! 🛒 내장 픽스처 Fixture Type Description pagePage테스트 실행을 위한 .. 2025. 1. 18. 5. Playwright Locator 로케이터는 페이지에서 요소를 찾는 방법을 제공한다. Playwright에서는 다양한 로케이터를 제공한다. page.getByRole : 접근성 속성을 통한 로케이터page.getByText : 텍스트 내용을 통한 로케이터page.getByLabel : 라벨의 텍스트 기반으로 연결된 폼의 대상을 찾는 로케이터page.getByPlaceholder : input의 플레이스홀더를 통한 로케이터page.getByAltText : 보통 이미지에서 대체 테스트를 통한 로케이터page.getByTitle : 타이틀 속성을 통한 로케이터page.getByTestId : data-testid 속성에 기반한 로케이터await page.getByLabel('이름').fill('나의 이름은');await page.getByR.. 2025. 1. 15. 이전 1 다음
