다운로드 및 설치 방법 Selenium 위한 IDE Firefox & 크롬
Krishna 룽타
⚡ 스마트 요약
Selenium IDE는 독립 실행형 애플리케이션이 아닌 브라우저 확장 프로그램으로 설치되므로 전체 설치 과정은 추가 기능 다운로드 형태로 진행됩니다. Firefox 또는 Chrome을 실행한 후 한 번 클릭하여 녹음기를 열 수 있습니다.
이번 튜토리얼에서는 다운로드 및 설치 방법을 알아 보겠습니다. Selenium IDE 을 통한 Firefox Google Chrome아무것도 컴파일되지 않으며 시스템 경로에 추가되지도 않습니다. IDE는 브라우저 확장 프로그램이므로 브라우저에서 추가 기능이 추가되었다고 보고하는 순간 설치가 완료됩니다.
⚠️ 버전 관련 유의사항: 아래 스크린샷은 원본에서 가져온 것입니다. Firefox-플러그인 Selenium IDE. 해당 빌드는 다음과 같은 시점부터 작동을 멈췄습니다. Firefox 2017년에 버전 55에서 기존 XUL 애드온에 대한 지원이 제거되었습니다. Selenium 오늘 배포되는 IDE는 기존 IDE의 확장 기능을 재작성한 것입니다. Firefox 그리고 프로젝트를 저장하는 Chrome .side HTML 형식이 아닌 다른 형식으로 저장됩니다. 모든 원래 단계가 여기에 보존되며, 현재 동작 방식이 옆에 표시됩니다.
설치하는 방법 Selenium 위한 IDE Firefox
다음은 다운로드 및 설치 방법에 대한 단계별 프로세스입니다. Selenium 위한 IDE Firefox:
당신이 필요
- 모질라 Firefox
- 활성 인터넷 연결
모질라가 없다면 Firefox 하지만 다음에서 다운로드할 수 있습니다. firefox.com.
단계 1) 열기 Firefox 추가 기능 및 다운로드 Selenium IDE
실행 Firefox 그리고 Selenium IDE 목록 Firefox 기능 추가. 다음에 추가를 클릭하세요. Firefox추가 기능 페이지는 아래 스크린샷과 같습니다.
2단계) 추가를 클릭하세요.
기다릴 때까지 Firefox 다운로드가 완료되면 "추가"를 클릭하세요. Firefox 먼저 아래와 같은 권한 요청 메시지가 표시되며, 여기에는 확장 프로그램이 요청하는 액세스 권한이 나열됩니다.
3 단계) 확인을 클릭하세요
설치가 완료되면 확인 메시지가 표시됩니다. 여기에 표시된 알림에서 "확인"을 클릭하십시오.
4단계) 클릭 & 열기 Selenium IDE
온 클릭 Selenium 현재 IDE 아이콘은 다음과 같은 위치에 있습니다. Firefox 아래 그림과 같은 툴바입니다.
Selenium IDE는 다음 스크린샷과 같이 별도의 창에서 열립니다.
Firefox DevTools의 Firefox
IDE를 설치하는 것은 설정의 절반에 불과합니다. 단계를 기록하는 것은 쉽지만, 직접 단계를 작성하려면 해당 단계가 적용되는 요소의 식별자가 필요하며, 이는 브라우저의 개발자 도구에서 얻을 수 있습니다.
Firefox DevTools는 Firefox 테스트 대상 웹 애플리케이션의 HTML 요소를 검사하는 데 사용할 기능입니다. 이 기능을 통해 Selenese 명령이 적용될 요소의 이름을 얻을 수 있습니다.
단계 1) 페이지의 아무 곳이나 마우스 오른쪽 버튼으로 클릭하고 요소 검사를 선택합니다. 단축키 Ctrl +를 사용할 수도 있습니다. Shift + I. 아래에 상황별 메뉴가 표시됩니다.
단계 2) 여기 그림에서 볼 수 있듯이 인터페이스는 한쪽에는 페이지 마크업이, 다른 쪽에는 스타일이 표시됩니다.
단계 3) 요소를 마우스 오른쪽 버튼으로 클릭하고 CSS를 선택할 수 있습니다. xpath이는 객체 식별에 유용합니다. 복사한 값을 바로 붙여넣을 수 있기 때문입니다. Target 명령의 필드.
참고 : 마찬가지로 크롬 개발자 도구를 사용하여 객체 속성을 확인할 수도 있습니다. 아래 크롬 패널은 동일한 작업을 수행합니다.
두 검사기 모두 IDE가 빌드할 때 선호하는 id, name 및 class 속성을 표시합니다. 토지 경계 설정자 녹화 중.
Selenium IDE는 더 이상 사용되지 않으며 개발이 중단되었습니다. 최근에야 프로젝트가 부활했습니다. 새로운 Selenium 더 이상 사용되지 않는 IDE에 비해 많은 기능이 부족합니다. 기능이 추가되고 있지만 속도가 느립니다. 모든 기능을 탐색하려면 Selenium IDE의 경우 이전 버전을 사용하는 것이 좋습니다. 이전 버전의 IDE를 사용하려면
단계 1) Firefox 54 포터블 버전 확인 여기에서 확인하세요
단계 2) 를 방문 Selenium IDE 버전 기록 그리고 설치하세요. 버전 목록은 다음과 같습니다.
다음 기능은 최신 IDE 버전에서 사용할 수 없습니다. 새 버전이 업데이트됨에 따라 튜토리얼을 계속 업데이트할 예정입니다.
⚠️ 현재 상태: 지원되지 않는 브라우저를 실행하여 지원되지 않는 추가 기능을 유지하는 것은 더 이상 업무용 컴퓨터에서 실용적인 옵션이 아니므로 위의 두 단계는 과거의 맥락으로만 이해하시기 바랍니다. 새롭게 재구축된 IDE는 이제 기존 도구의 유용성을 대부분 포함하고 있으며, 여기에는 다음 사항들이 포함됩니다. 저장된 변수제어 흐름 명령 및 코드 내보내기.
플러그인
Selenium IDE는 추가 지원 가능 Firefox 다른 사용자가 만든 추가 기능 또는 플러그인입니다. 다음 사이트를 방문하세요. 공무원 Selenium IDE 사이트 목록을 위해 Selenium 현재까지 사용 가능한 추가 기능. 다른 앱과 마찬가지로 설치하세요. Firefox 추가 기능.
기본적으로, Selenium IDE에는 4개의 플러그인이 번들로 제공됩니다.
이 네 가지 플러그인이 필요합니다. Selenium Selenese를 다른 형식으로 변환하는 IDE.
플러그인 탭에는 아래 스크린샷과 같이 설치된 모든 추가 기능 목록과 각 기능의 버전 번호 및 제작자 이름이 표시됩니다.
사용자 확장
Selenium IDE는 고급 기능을 제공하기 위해 사용자 확장을 지원할 수 있습니다. 사용자 확장은 다음과 같은 형태로 제공됩니다. Java스크립트 파일. 옵션 대화 상자의 두 필드 중 하나에 절대 경로를 지정하여 설치합니다.
- Selenium 핵심 확장 기능 (user-extensions.js)
- Selenium IDE 확장
아래 옵션 대화 상자에서 두 경로 필드가 강조 표시되어 있습니다.
수많은 사용자 확장 프로그램을 찾을 수 있을 것입니다. Selenium 다운로드 페이지참고로 이 메커니즘은 ~에 속해 있었습니다. Selenium 제거된 코어 Selenium 3. 최신 IDE는 자체 플러그인 API를 통해 확장됩니다.
설치하는 방법 Selenium Chrome의 IDE
다음은 다운로드 및 설치 방법에 대한 단계별 프로세스입니다. Selenium 위한 IDE Google Chrome:
단계 1) 로 이동 Selenium IDE 사이트 크롬 다운로드 버튼을 클릭하세요.
단계 2) 크롬 웹 스토어의 해당 상품 페이지를 엽니다. Selenium IDE 확장 프로그램을 설치하세요.
단계 3) Chrome에 추가 버튼을 클릭하여 추가하세요. Selenium IDE에서 Google Chrome.
단계 4) 확장 프로그램 메뉴로 이동하여 해당 아이콘을 클릭하고 여세요. Selenium IDE를 사용하여 새 프로젝트에 새 테스트를 기록합니다.
크롬 빌드 및 Firefox 빌드 파일은 동일한 확장자를 사용하므로 한 파일에 저장된 프로젝트는 다른 파일에서 열립니다. 브라우저 스토어의 상품 목록은 시간이 지남에 따라 변경될 수 있으므로 1단계에서는 즐겨찾기에 추가된 스토어가 아닌 공식 사이트에서 시작하는 것이 좋습니다. URL.
설치 확인 및 첫 번째 테스트 기록 방법
확장 프로그램이 로드된다고 해서 설치가 제대로 되었다는 증거는 아닙니다. 가장 빠른 확인 방법은 간단한 작업을 녹화하고 재생해 보는 것입니다.
- 클릭 Selenium IDE 아이콘. 시작 대화 상자에는 새 프로젝트에 새 테스트 기록, 기존 프로젝트 열기, 새 프로젝트 생성 또는 IDE 닫기의 네 가지 옵션이 있습니다.
- 첫 번째 옵션을 선택하고 프로젝트 이름을 지정하세요.
- 기지를 입력하세요 URL이것은 테스트 대상 애플리케이션의 주소이며, 프로젝트 내 모든 테스트에서 재사용됩니다.
- 그러면 새 브라우저 창이 열립니다. URL 그러면 녹화가 시작됩니다. 링크를 클릭하거나 필드에 입력한 다음 IDE로 돌아가서 녹화 아이콘을 클릭하면 녹화가 중지됩니다.
- 저장 아이콘을 클릭하세요. IDE가 하나의 파일을 생성합니다.
.side확대. - 테스트를 선택하고 재생 버튼을 클릭하십시오. 녹화된 단계에서 빨간색 오류 표시가 나타나지 않으면 설치가 정상적으로 완료된 것입니다.
첫 번째 명령에서 재생이 실패하는 경우 일반적으로 문제가 베이스에 있음을 나타냅니다. URL 설치 단계가 아니라 재생 중에 발생하는 문제입니다. 재생이 중간에 중단되는 것은 로케이터 문제이며, 이는 바로 그 지점에서 발생합니다. 확인 및 대기 명령 제 몫을 해낸다.
일반적인 문제를 해결하는 방법 Selenium IDE 설치 문제
거의 모든 설치 관련 불만 사항은 몇 가지 패턴 중 하나에 속합니다. 첫 번째 두 가지는 문서화된 내용입니다. Selenium 프로젝트 자체.
- 툴바에 아이콘이 없습니다. 확장 프로그램이 활성화되어 있는지 확인하세요. 입력하세요.
chrome://extensions크롬에서 또는about:addonsin Firefox그리고 그것을 확인하세요 Selenium IDE가 켜져 있습니다. - 확장 프로그램은 활성화되었지만 여전히 보이지 않습니다. 툴바가 너무 좁아서 아이콘이 가려져 보일 수 있습니다. 크롬에서는 주소 표시줄 오른쪽 영역을 드래그하세요. Firefox도구 모음을 마우스 오른쪽 버튼으로 클릭하고 '사용자 지정'을 선택한 다음, 설정을 조정하고 '완료'를 클릭합니다.
- IDE는 열리지만 아무것도 기록되지 않습니다. 녹화 창은 IDE가 실행한 창이어야 합니다. 수동으로 연 탭에서의 녹화는 캡처되지 않습니다.
- 내부 페이지에서는 아무것도 작동하지 않습니다. 확장 프로그램은 설정 화면이나 확장 프로그램 화면과 같은 브라우저 내부 페이지를 스크립팅할 수 없으므로 일반 웹 페이지를 대상으로 기록합니다.
- 브라우저 관리 기능이 설치되어 있으면 설치가 차단됩니다. 기업용 프로필에서 확장 프로그램 설치는 정책에 따라 제어되는 경우가 많으며, 관리자가 확장 프로그램 ID를 허용해야 합니다.
설치 방법 Selenium IDE 명령줄 실행기
이 확장 프로그램은 설치된 브라우저에서만 테스트를 실행합니다. 저장된 프로젝트를 다른 브라우저에서 병렬로 실행하거나 그리드에서 실행하려면 명령줄 실행기를 설치하세요. 명령줄 실행기에는 Node.js와 npm이 필요합니다.
npm install -g selenium-side-runner
각 브라우저마다 자체 드라이버 바이너리가 필요합니다. 사용하려는 브라우저용 드라이버를 설치하십시오.
npm install -g chromedriver npm install -g geckodriver npm install -g edgedriver
실행기와 드라이버가 준비되면, 실행기가 IDE에서 이전에 저장한 프로젝트 파일을 가리키도록 설정합니다.
selenium-side-runner /path/to/your-project.side
실행기는 머신의 CPU 코어 수만큼 많은 프로세스에 걸쳐 테스트 스위트를 분산 실행합니다. 두 가지 플래그로 대부분의 일상적인 요구 사항을 충족할 수 있습니다. -c 브라우저를 설정합니다. --base-url 전체 프로젝트를 다른 환경에 맞춰 재타겟팅하는 기능입니다. 이 덕분에 동일한 녹화 파일을 로컬 빌드와 스테이징 서버 모두에서 사용할 수 있게 됩니다.
selenium-side-runner -c "browserName=firefox" --base-url https://localhost
여기서 자연스러운 다음 단계는 녹음 및 재생 기능을 버리고 동일한 검사 기능을 코드로 작성하는 것입니다. 자세한 내용은 다음을 참조하십시오. 첫 번째 WebDriver 스크립트 워크스루 및 더 넓은 Selenium 시리즈.
