동일한 CSS 코드베이스를 재사용 할 내부 애플리케이션이 몇 가지 있습니다.CSS 코드를 테스트하는 데 사용되는 기술은 무엇입니까?
기본적으로 이러한 CSS 파일은 SCSS 파일이며 개발을 줄이기 위해 Twitter 부트 스트랩을 많이 사용하고 있습니다. 하지만 이러한 스타일 시트를 사용하는 내부 앱이 많을수록 내부 릴리스가 포함 된 종속 앱을 중단하지 않도록하기 위해 구현할 수있는 방법이 무엇인지 궁금합니다.
그래서 제 질문은 : 어떤이있는 경우 자동화를 통해 CSS 코드를 테스트 할 수있는 다른 방법은 무엇
인가?
우리는 비슷한 보트에 있습니다. 모든 회사 응용 프로그램에서 사용되는 CSS 구성 요소 라이브러리를 관리하는 소규모 팀. 우리가 양질의 코드를 작성하고이를 보장 할 수있는 몇 가지 기술을 갖추는 것이 중요합니다.
먼저 W3C CSS 검사기를 사용하여 코드 유효성 검사를 테스트 한 다음 CSSLint를 사용하여 코딩 표준을 테스트하는 것으로 이동합니다.
릴리스를 위해 분기 한 후에는 PhantomCSS을 사용하여 시각적 회귀 테스트를 수행합니다.이 방법은 헤드리스 WebKit 브라우저에서만 회귀 테스트가 가능하도록 제한됩니다. Selenium은 실제 웹 브라우저와 직접 인터페이스 할 수 있으므로 더 나은 옵션이 될 것이라고 생각합니다. 즉, 실제 WebKit 브라우저, IE 및 기타 지원해야 할 사항을 테스트하는 데 사용할 수 있습니다. Selenium 테스트를 설정하기가 어려웠습니다 (저는 프로그래머가 아닙니다). CSS Summit의 Automated CSS Testing talk이 틈을 메우는 데 도움이되기를 바랍니다.
그게 좋은 시작이야, 고마워, 내가 몇 가지 지시 사항을 지적했고 그게 내가 필요한거야. 감사! 우리가 CSS 테스트를 심각하게하기로 결정했다면 여기에 연습을 게시 할 것입니다. – ontk
내가 말하는 것은 자동화 도구가 사용하는 것입니다. 자동 테스트를 실행하는 Selenium이 있다고 추측 하겠지만 적용된 클래스의 올바른 렌더링을 테스트하는 논리는 무엇입니까? 그들은 무엇을 가지고 있습니까? – ontk
당신이하려는 일은 인간 테스터가 더 잘 수행 할 수 있습니다 ... 자동화는 이것을 할 수 있지만, 사람이나 디자이너의 감각과 같은 수준의 '맛'은 없습니다. – Brian
CSS 테스트를 자동화하는 것에 대해 매우 신중할 것입니다. IE의 다른 렌더링 엔진에 걸쳐서 모호한 점이 있다면, 나는 내 눈으로 그것들을 바라 보았을 때까지 내 스타일에 대해 거의 확신하지 못했습니다. –