웹 입력 작업을 즐기고 싶습니다.
3802 단어 SeleniumIDE브라우저JavaScript책갈피생산성
컨텐트
"예전에 만든 계정 기억나요?"
작업 중 로그인/로그인 기능 수정
새 계정의 테스트는 반드시 여러 번 진행해야 한다.
새 계좌에도 전화번호, 이름 등 입력 항목이 많아 힘들어요...
조금이라도...그래서 도구를 만들어 봤어요.
시험용 환경을 잘 정돈하자...신경 쓰이지만...
즉석 입력이 수월해지는 방법을 소개한다.
이번에 우리는 이 화면에서 Qita의 키워드 검색을 진행한다.
2016/06/04 추서
@tenkoma@github선생님의 소개로 Firefox의add-on,Selenium IDE라는 키워드를 받아서 해봤습니다.
결론은 셀레니움 IDE 자동 입력으로 쉽게 할 수 있습니다.
인간의 조작에서 자신이 하고 싶은 일을 자동으로 등록할 수 있다는 이유에서다.
Selenium IDE에 대해서는 아래에 덧붙였습니다.
자바스크립트로 할까요, 세레니움으로 할까요?이렇게 되면
자바스크립트를 설치하는 동안 이 스크립트를 이동하시겠습니까?
디버그를 제출하고 싶을 때 자바스크립트의 반자동 방법을 사용하는 것이 효과적이다.
Selenium IDE를 사용하여 계정을 만드는 것이 비교적 빠릅니다...
아무래도 개발 도구(JavaScript 편)
화면 위쪽의 확대경 주위의 HTML 요소를 보세요.
클릭하여 돋보기
이렇게 하면 a 라벨과 하위 요소 중 i 라벨이 있습니다.
여기를 클릭하면 검색 입력 형식이 나와요.
여기서 JavaScript를 사용하여 i 태그의 class에서 HTML 요소를 가져와 활동을 유발합니다.
class가 여러 HTML로 지정할 수 있는 요소를 알려주기 위해 어느 부분의 class를 붙여야 하는지 [0]를 붙여야 한다.
클릭 이벤트까지 더하면 검색 양식이 나온다.
코드는 다음과 같습니다.
클릭하여 확대경 처리document.getElementsByClassName('fa fa-search')[0].click();
이것을 개발 도구의 컨트롤러 부분에 놓고 실행하면 형식이 나타난다.
입력 문자
입력한 곳은 id로 지정되었으니 id의 지정부터 입력부에 값을 입력하세요.
입력 문자document.getElementById('q').value = 'JavaScript';
글이 올라왔네요!
검색 클릭
확대경 클릭이 대체로 같기 때문에 생략된다는 뜻이다.
"Search"처리를 클릭하십시오.document.getElementsByClassName('btn btn-default btn-sm')[0].click();
검색이 실행되었습니다!
책갈피 만들기
방금 만든 JavaScript를 책갈피화합니다.
이 때 등록된 URL 부분은 다음과 같이 등록됩니다.javascript:document.getElementsByClassName('fa fa-search')[0].click();document.getElementById('q').value = 'JavaScript';document.getElementsByClassName('btn btn-default btn-sm')[0].click();
책갈피 목록에서 만든 책갈피를 클릭하면 됩니다
Qiita 페이지의 요소와 이벤트를 사용하여 반자동적으로 검색할 수 있습니다.
Selenium IDE
Firefox인 add-on에는 Selenium IDE가 있습니다.
셀레니움 자체가 다른 브라우저에도 웹드라이브를 설치했다면 사용할 수 있다
이번에 이dd-on을 사용하는 사람들은 계정을 만들기 전에 시간이 적습니다.
아인만 소개할게요.
Firefox 및 추가 설치
제목과 같다.
Selenium IDE 사용
메뉴 모음에서 도구→Selenium IDE를 선택합니다.
이런 거 하고 싶어. 지금 느끼는 거.
객체의 URL을 URL에 넣습니다.
그리고 아래 그림의 "여기 클릭"을 누르십시오.
이렇게 하면 Firefox에서 사용자의 조작을 기억할 수 있다.
Selenium에서 처리된 명령을 자동으로 생성하고 를 누르면 자동으로 입력하는 등의 작업이 수행됩니다.
Reference
이 문제에 관하여(웹 입력 작업을 즐기고 싶습니다.), 우리는 이곳에서 더 많은 자료를 발견하고 링크를 클릭하여 보았다
https://qiita.com/igara/items/6e5e59b0c0129069c334
텍스트를 자유롭게 공유하거나 복사할 수 있습니다.하지만 이 문서의 URL은 참조 URL로 남겨 두십시오.
우수한 개발자 콘텐츠 발견에 전념
(Collection and Share based on the CC Protocol.)
화면 위쪽의 확대경 주위의 HTML 요소를 보세요.
클릭하여 돋보기
이렇게 하면 a 라벨과 하위 요소 중 i 라벨이 있습니다.
여기를 클릭하면 검색 입력 형식이 나와요.
여기서 JavaScript를 사용하여 i 태그의 class에서 HTML 요소를 가져와 활동을 유발합니다.
class가 여러 HTML로 지정할 수 있는 요소를 알려주기 위해 어느 부분의 class를 붙여야 하는지 [0]를 붙여야 한다.
클릭 이벤트까지 더하면 검색 양식이 나온다.
코드는 다음과 같습니다.
클릭하여 확대경 처리
document.getElementsByClassName('fa fa-search')[0].click();
이것을 개발 도구의 컨트롤러 부분에 놓고 실행하면 형식이 나타난다.입력 문자
입력한 곳은 id로 지정되었으니 id의 지정부터 입력부에 값을 입력하세요.
입력 문자
document.getElementById('q').value = 'JavaScript';
글이 올라왔네요!
검색 클릭
확대경 클릭이 대체로 같기 때문에 생략된다는 뜻이다.
"Search"처리를 클릭하십시오.
document.getElementsByClassName('btn btn-default btn-sm')[0].click();
검색이 실행되었습니다!책갈피 만들기
방금 만든 JavaScript를 책갈피화합니다.
이 때 등록된 URL 부분은 다음과 같이 등록됩니다.
javascript:document.getElementsByClassName('fa fa-search')[0].click();document.getElementById('q').value = 'JavaScript';document.getElementsByClassName('btn btn-default btn-sm')[0].click();
책갈피 목록에서 만든 책갈피를 클릭하면 됩니다Qiita 페이지의 요소와 이벤트를 사용하여 반자동적으로 검색할 수 있습니다.
Selenium IDE
Firefox인 add-on에는 Selenium IDE가 있습니다.
셀레니움 자체가 다른 브라우저에도 웹드라이브를 설치했다면 사용할 수 있다
이번에 이dd-on을 사용하는 사람들은 계정을 만들기 전에 시간이 적습니다.
아인만 소개할게요.
Firefox 및 추가 설치
제목과 같다.
Selenium IDE 사용
메뉴 모음에서 도구→Selenium IDE를 선택합니다.
이런 거 하고 싶어. 지금 느끼는 거.
객체의 URL을 URL에 넣습니다.
그리고 아래 그림의 "여기 클릭"을 누르십시오.
이렇게 하면 Firefox에서 사용자의 조작을 기억할 수 있다.
Selenium에서 처리된 명령을 자동으로 생성하고 를 누르면 자동으로 입력하는 등의 작업이 수행됩니다.
Reference
이 문제에 관하여(웹 입력 작업을 즐기고 싶습니다.), 우리는 이곳에서 더 많은 자료를 발견하고 링크를 클릭하여 보았다
https://qiita.com/igara/items/6e5e59b0c0129069c334
텍스트를 자유롭게 공유하거나 복사할 수 있습니다.하지만 이 문서의 URL은 참조 URL로 남겨 두십시오.
우수한 개발자 콘텐츠 발견에 전념
(Collection and Share based on the CC Protocol.)
Reference
이 문제에 관하여(웹 입력 작업을 즐기고 싶습니다.), 우리는 이곳에서 더 많은 자료를 발견하고 링크를 클릭하여 보았다 https://qiita.com/igara/items/6e5e59b0c0129069c334텍스트를 자유롭게 공유하거나 복사할 수 있습니다.하지만 이 문서의 URL은 참조 URL로 남겨 두십시오.
우수한 개발자 콘텐츠 발견에 전념 (Collection and Share based on the CC Protocol.)