전체 글 (130) 썸네일형 리스트형 [인프런] Playwright 기초 - 기초적인 활용법과 핵심 원리 playwright의 장점- 윈도우나 리눅스, macOS 등 다양한 OS에서 가능하고 로컬 PC 뿐 아니라 배포할 서버 환경에서도 실행 가능- 여러 언어로 테스트 코드 작성 가능- 전용 인스펙터가 존재 (debug 모드로 하면 전용 인스펙터 나타남)- UI 모드 (시간대별 스냅샷 확인 가능)- 어떤 locator를 사용할 지 모를 때, 권장 locator 추천해줌 locator?Playwright가 DOM 요소를 찾고 조작할 수 있도록 도와주는 API요소를 찾고 클릭하거나 입력하는 등의 액션을 수행할 때 사용하는 방식Ex. 웹 자동화 테스트에서 버튼을 클릭하거나 입력 필드에 텍스트를 입력할 때 사용코드에서 page.locator("text=Click Me") 는 "Click Me"라는 텍스트를 가진 버튼.. [인프런] Playwright 기초 - 제출 양식 테스트 작성하기 Section3 기초 예제제출 양식 테스트 작성하기활용한 페이지는 Next.js의 회원가입 페이지플랜 타입 중 Personal Project를 클릭하고 Your Name에 한 글자 이상을 입력하면 제출 버튼이 활성화되는 것을 테스트 https://vercel.com/signup 페이지에서 테스트 실행 중Plan Type 옵션이 선택됨 (I'm working on personal projects)Your Name 필드에 'a'가 입력됨 Playwright 테스트 코드 분석test.describe('sign-in', () => { test.describe('validation', () => { test('If select plan type and fill name, submit enabled',.. [인프런] Playwright 기초 - 버튼 클릭 테스트 작성하기 섹션3. 기초예제버튼 클릭 테스트 작성하기웹 애플리케이션의 버튼 클릭 동작을 테스트 코드 cf. async/await async/await을 사용하여 웹 페이지가 특정 상태에 도달할 때까지 기다리는 것이 중요함.async 없이 await을 사용할 수 없으니, await이 필요하면 반드시 함수 앞에 async를 붙여야 함~! test 함수test('테스트 이름', async ({ page }) => { // 테스트 코드 작성}); 첫 번째 인자: 테스트의 이름 (예: 'open preferences menu')두 번째 인자: 테스트에서 실행할 비동기 함수 (async 가능)Playwright가 자동으로 page 객체를 넘겨줌 (브라우저 페이지 조작 가능) *Javascript를 사용하여 testsc.. [인프런] Playwright 기초 - 네비게이션 테스트 작성하기 섹션3. 기초 예제네비게이션 테스트 작성하기e2e 아래, navigation-spec-ts 플레이라이트에 필수 API들을 임포트해첫 번째로 작성할 시나리오는 Next.js 공식 홈페이지에서 get started 클릭시 introduction이라는 h1 태그를 가지며 페이지 타이틀이 introduction을 포함하는지 검증하는 테스트 introduction을 포함하는지 검증하는 테스트입니다test('if user visit home and click "Get Started", h1 "introduction" is visible and page title contains "Introduction"', async () => {사용자가 홈 페이지를 방문하고 "Get Started" 버튼을 클릭하면,h1 태그에 .. [인프런] Playwright 기초 - 기초적인 활용법과 핵심 원리 2강 Playwright 익스텐션 설치 및 활용Playwright 전용 익스텐션을 설치하고, 이를 활용해 테스트와 디버깅을 해봅니다. vscode에서 실행하고, vscode에서 디버깅 하는 것이 제일 개발 속도가 빠름두번째 테스트도 살펴보겠습니다 Playwright 홈페이지에 들어간 다음 Get Started라는 링크를 누르고, 페이지의 제목에 installation 이 있는지 확인 [인프런] Playwright 기초 - node.js&playwright 설치 Section2. 프로젝트 설정1강 playwright 설치step1. node.js 설치 Node.js 설치하기Node.js 공식 사이트 에 접속LTS(Long-Term Support) 버전 다운로드다운로드한 설치 파일 실행 후 "Next → Next → Install"설치 완료 후 터미널을 다시 열고 node -v 또는 npm -v 실행하여 확인 [리눅스 마스터 2급] 2과목 리눅스 운영 및 관리, 응용 분야 Section01 기술 동향1. 리눅스 동향구글 크롬(Google Chrome)웹 키트 레이아웃 엔진을 이용해서 개발한 프리웨어 엡 브라우저, 버전 27까지는 웹 키트 레이아웃 엔진을 이용했으나 버전 28 이후는 웹키트의 포크인 블링크를 사용 라즈베리파이영국 잉글랜드의 라즈베리파이 재단이 학교와 개발도상국에서 기초 컴퓨터 과학의 교육을 증진시키기 위해 개발한 신용카드 크기의 싱글 보드 컴퓨터, 영국에서 교육용으로 개발된 소형 싱글보드 컴퓨터저렴 가격, 그래픽 성능 뛰어나 Wi-Fi, 블루투스 지원, 다양한 센서 연결을 통한 사물인터넷 환경 구축이 용이, 기본 OS로 리눅스 사용 아두이노(Arduino)2005년 이탈리아에서 HW에 익숙하지 않은 학생들 위해 개발, 오픈소스 기반 단일보드 마이크로 컨트롤러.. [리눅스 마스터 2급] 2과목 리눅스 운영 및 관리, 인터넷 서비스의 설정 Section03 인터넷 서비스의 설정1. 네트워크 인터페이스 설정리눅스는 다양한 NW IF를 지원 리눅스가 지원하는 NW IF 종류 2. 네트워크 설정 파일1) /etc/sysconfig/network NW 사용 유무 지정, 호스트명 설정, 게이트웨이 주소 설정, NIS 도메인명 등이 기록되는 파일리눅스 처음 설치 시에 호스트명을 locoalhost로 설정, www로 변경하고 부팅 시에도 계속적으로 적용되도록 설정시스템 전체에 대한 기본 게이트웨이 주소 설정과 호스트네임, 네트워킹 연결 허용 여부를 설정, 호스트네임은 설치 중에 입력한 내용이 반영 NW 관련 파일을 직접 수정해서 ip를 설정하려고 할 때, 직접 설정 시에 파일에 저장하면 서버 재부팅 시에도 적용되며, vi 편집기 등을 이용해서 해당 .. 이전 1 2 3 4 5 ··· 17 다음
