진화하는 웹 테스트 - 2013년 시애틀

4월 12일~13일, Microsoft는 상호 운용성 테스트 사례를 작성하여 웹을 발전시키기 위해 진화하는 웹 테스트 이벤트를 개최했습니다. Adobe, AT&T, Blackberry, Mozilla 및 기타 많은 지역의 기업에서 수십 명의 참가자가 웹 표준 테스트, CSS 및 HTML 테스트 작성 방법, 테스트 도구 모음 관리에 사용할 수 있는 도구에 대해 배우기 위해 시애틀 지사에서 열린 이 이벤트에 자발적으로 참가했습니다. 캐나다를 포함해 전국 각지에서 모인 참가자들은 총 514개의 새로운 테스트에 기여하는 기록을 세웠습니다.

테스트하는 이유

앞으로도 여러 브라우저의 HTML 및 CSS 표준 준수에 대한 품질과 정확성에는 많은 차이가 있을 것입니다. W3C에서는 W3C 웹 사양을 권고 후보안에서 정식 권고안으로 전환하기 위해 사양의 모든 규범적 요구 사항에 대한 독립된 테스트를 요구하고 있습니다. 이러한 테스트는 적어도 둘 이상의 브라우저가 각 규범적 주장을 완벽하게 지원하는지 확인하는 데 사용됩니다. 아시겠지만 이 모든 테스트를 작성하는 것은 고된 작업입니다. CSS3 모듈, WebApp, 미디어 확장 등은 말할 것도 없고 HTML5만 해도 100,000여 개의 테스트를 통과해야 합니다. Microsoft는 HTML, CSS 및 SVG에 대한 수천 개의 테스트 사례를 제출했지만 여전히 더 많은 테스트가 필요합니다. Microsoft에서 제출한 테스트 사례는 W3C와 Internet Explorer 테스트 센터에서 확인할 수 있습니다. 이것은 일관성 있고 예측 가능한 테스트를 보장함으로써 모든 브라우저를 지원하며 궁극적으로는 전체 웹 개발자 커뮤니티에 도움을 주게 됩니다. 각 브라우저에서 동일 마크업에 대한 지원이 강화되면 누구나 HTML5와 CSS3의 기대 성능을 실감할 수 있을 것입니다.

몇 년 전 표준 커뮤니티의 회원 몇 명이 새로운 테스트 작성을 지원하기 위해 크라우드 소싱을 활용하기 시작한 것이 지금의 진화하는 웹 테스트 이벤트로 발전했습니다.

Microsoft, Adobe, Google, Mozilla 등의 주요 기업이 후원하는 웹 커뮤니티에는 프랑스, 중국, 오스트레일리아 및 미국을 비롯한 세계 각지의 로컬 테스트 작성자들이 참여합니다. 각 참가자들은 수백 개의 테스트를 생성할 뿐 아니라 웹 플랫폼을 구성하는 사양에 참여하고 웹 개발자들에게 이러한 사양을 교육합니다.

시애틀 이벤트 후기

Adobe에서 일하고 있는 우리 친구들이 예전 이벤트 운영에 대한 경험을 바탕으로 성공적인 이벤트를 개최하는 데 많은 도움을 주었습니다. 시애틀에서는 금요일 밤 "해커톤"이 시작되었는데, Mozilla의 fantasai(Elika Etemad), Adobe의 Rebecca Hauck, Microsoft의 Kris Krueger가 참신하고 유익한 프레젠테이션을 통해 테스트가 필요한 이유, 사용 가능한 테스트 유형, 테스트를 생성하는 방법 등에 대해 설명했습니다. 간략하게 요약하면 다음과 같습니다.

독립 실행형 테스트 - 일반적으로 시각적 확인에 의존합니다. 실패 조건이 발생한 경우 빨간색 콘텐츠가 표시됩니다.

참조 테스트 - 테스트를 현재 테스트 중인 기능에 대한 종속성이 없는 시각적 참조와 비교합니다. 이 테스트에는 비교해야 하는 참조 테스트에 대한 링크가 포함되어야 합니다. 예를 들어 DIV가 배경색을 올바르게 렌더링하는지 테스트하려는 경우 TABLE을 사용하여 참조 테스트를 작성할 수 있습니다.

개체 모델 테스트 - JavaScript 테스트 도구를 통해 개체 모델이 정적 스타일 시트에 지정된 내용을 반영하는지 확인합니다. 예를 들면, 이 CSS 미디어 쿼리 테스트가 이 유형에 해당합니다.

각 프레젠테이션 후에는 세션 참가자들이 각자 관심 있는 API 또는 사양에 대해 자유롭게 테스트를 작성할 수 있음에도 특정 주제(CSS 플렉스박스, 포인터 이벤트, CSS 변환, CSS OM, 배경 및 테두리, 제외 또는 HTML5)를 선택하려는 이유가 무엇인지에 대한 토요일 세션 테스트 리더들의 2분 발언이 이어졌습니다.

다음날 아침 식사 후 참가자들은 세션 책임자들이 있는 세 개의 방에 나뉘어 입장했습니다. 각 구역에는 전날 저녁의 발표자 외에도 Arron Eicholz(Microsoft, CSS), Jacob Rossi(Microsoft, Pointer Events), Sylvain Galineau(Adobe[이전 Microsoft 직원], CSS), Alan Stearns(Adobe, CSS), Dave Methvin(jQuery 사장, HTML) 등의 전문가가 도움을 주기 위해 자리해 있었습니다.

세션 책임자들은 모든 참가자에게 테스트가 필요한 경우를 확인하는 방법과 검증하려는 특정 주장을 테스트한 코드를 작성하는 방법에 대해 설명했습니다. 참가자들은 혼자서 작업하거나 소그룹으로 작업하거나 전문가의 1:1 도움을 받을 수 있었습니다.

모든 설명과 작업이 끝나고 참가자들은 514개의 테스트를 제출했습니다. 이는 파리 이벤트 참가자들이 세운 기록을 뛰어넘고 향후 이벤트 참가자들이 경신해야 할 새로운 기록이었습니다. 간단한 축하연을 가진 후 그날 밤을 마무리하는 자리에서 워싱턴 대학의 학생들이 Surface Pro에 추첨되는 행운을 안았습니다.

도움을 제공하는 방법

IE10에서 우리는 CSS, HTML, SVG 및 DOM에 대한 광범위한 새로운 표준 기능 목록을 추가로 지원하게 되었습니다. 이러한 새 기능에 대한 테스트 사례 중 일부를 IE 테스트 센터에 게시했습니다. 앞으로도 더 많은 테스트 사례를 제출할 예정이지만 올바른 테스트를 작성하고 이러한 사양을 발전시켜 나가려면 커뮤니티의 도움이 계속 필요합니다.

우리는 혁신적인 웹 상호 운용성 향상을 위한 커뮤니티의 일원으로 활동하게 된 것을 기쁘게 생각하고 있습니다. Microsoft는 최근 Webplatform.org에 JavaScript 관련 자료를 기부하고, modern.ie를 통해 브라우저 간 테스트 간소화를 위해 지속적으로 노력하는 등 웹 상호 운용성 향상을 위한 여러 가지 이니셔티브를 지원하고 있습니다. 웹 발전에 도움을 주고 싶다면 다음번에 개최되는 진화하는 웹 테스트 이벤트에 꼭 참석해 주시기 바랍니다. 그 동안 온라인으로 테스트 기여 방법을 살펴보거나 기존 테스트를 검토할 수 있습니다. 향후 이벤트에 대한 소식을 듣고 진화하는 웹 테스트 커뮤니티와 활발히 교류하려면 W3C 메일 그룹(public-testtwf)에 가입하십시오. 테스트를 작성한다는 것이 매우 힘든 작업일 것 같지만, 웹에 대한 지식과 열정만 있다면 WebPlatform Docs에 참여하여 웹 문서화에 기여할 수 있습니다.

자세한 정보 및 업데이트를 원하시면 Twitter에서 Internet Explorer 개발자 관계 핸들(@IEDevChat)과 이 이니셔티브의 핸들(@testthewebfwd) 그리고 특히 #testtwf를 팔로우하십시오.

향후 이벤트에 대한 소식도 계속 알려 드리겠습니다. 곧 만나게 되기를 바랍니다.

- Internet Explorer - John Jansen, Kris Krueger, Arron Eicholz, Jacob Rossi