프런트 엔드 테스트 자동화

Question

최근에 jQuery 1.3에서 1.10으로 업그레이드해야했습니다. 그 결과 많은 jquery 코드가 변경되고 플러그인이 업그레이드되었습니다. 결과적으로 수 시간의 수작업 테스트가 필요했습니다. 내 사이트에서 js/css가 변경된 후에 페이지를 테스트하고 유효성을 검사하는 더 좋은 방법이 있어야한다고 생각합니다.

다음과 같이하고 싶습니다.

내 사이트의 모든 페이지를 크롤링합니다.

확인 페이지 작업의 모든 링크에 어떤 JS & CSS 오류에 대한

확인 기본 HTML 태그 검증 제대로

확인합니다.

jquery 버전 호환 코드

위의 테스트를 모두 수행 할 수있는 도구에 대한 권장 사항.

감사합니다.

Answer 1

무료 작업 도구가 이러한 작업의 상당수에 존재합니다. 웹 페이지 기반의 유효성 검사기와 브라우저 플러그인이 있습니다. 어떤 도구가 아래의 모든 단계를 하나 또는 몇 단계로 수행 할 수 있는지는 모르겠지만 최소한 시작해야합니다. 사이트를 크롤링하고 The World Wide Web Consortium (W3C)에서 당신이 도구를 사용할 수있는 모든 링크를 확인을 위해

• : 결과 페이지는 각 페이지의 HTML과 CSS의 유효성을 검사에 대한 링크를 제공

  http://validator.w3.org/checklink

  . 당신이 그렇지 않으면 파일을 검증하려면

• , 당신은 바로

  http://validator.w3.org/

  및

  http://www.css-validator.org/

• 자바 스크립트 구문을 확인하는 경우, 당신이 사용할 수있는 사용할 수 있습니다 jslint

• 마지막으로, if 귀하의 자바 스크립트가 올바르게 작동하는지 확인하고 싶다면 QUnit과 같은 단위 테스트를 작성하십시오.