Official W3C CSS Test Suites

<!DOCTYPE html PUBLIC "-//W3C//DTD HTML 4.01//EN">  <html lang=en> <head profile="http://microformats.org/profile/hcard"> <title>Official W3C CSS Test Suites</title> <meta content="text/html; charset=utf-8" http-equiv=Content-Type> <meta content="width=device-width" name=viewport> <link href="../../CSS/w3c-2010/main" media="screen, handheld, projection, tv" rel=stylesheet title=Main> <link href="../../CSS/floatspan-n" media="screen, handheld, projection, tv" rel="alternate stylesheet" title=Cascade> <link href="../../CSS/daily-color" media="screen, handheld, projection, tv" rel="alternate stylesheet" title=Cascade> <link href="../../CSS/floatspan" media="screen, handheld, projection, tv" rel="alternate stylesheet" title="Cascade (older browsers)"> <link href="../../CSS/daily-color" media="screen, handheld, projection, tv" rel="alternate stylesheet" title="Cascade (older browsers)"> <link href="../../CSS/asymmetric" media="screen, handheld, projection, tv" rel="alternate stylesheet" title=Asymmetric> <link href="../../CSS/draft" media="screen, projection, tv" rel="alternate stylesheet" title="Draft 3"> <link href="../../CSS/draft-rg" media="screen, projection, tv" rel="alternate stylesheet" title="Draft 2"> <link href="../../CSS/twocolumn-print" media=print rel=stylesheet> <link href="../../../" rel=home title=W3C> <link href="../../CSS/" rel=top title=CSS> <link href="../../CSS/current-work" rel=chapter title=Roadmap> <link href="../../Examples/007/" rel=chapter title=Examples> <link href="../../../Consortium/activities" rel=bookmark title=Activities> <link href="../../../TR/" rel=bookmark title="Tech. reports"> <link href="../../../Consortium/Translation/" rel=bookmark title=Translations> <link href="../../../Status" rel=bookmark title=Software> <link href="../../../Consortium/siteindex" rel=index title="Site index"> <link href="../../CSS/opensearch.xml" rel=search title="Search W3C" type="application/opensearchdescription+xml"> <link href="../../../Help/search" rel=search title="Search W3C" type="text/html"> <link href="../../../Consortium/Legal/ipr-notice.html#Copyright" rel=copyright title=Copyright> <style media="screen, projection, tv" type="text/css"> dt.fin, dt.rc, dt.beta, dt.alpha, dt.pa, dt.obs {text-align: center} td:nth-child(4), td:nth-child(5), th:nth-child(3), tr:nth-child(2) th:nth-child(4) {background: #EEE} </style> <link href=Overview.en.html hreflang=en rel=alternate title=English> <link href=Overview.fr.html hreflang=fr rel=alternate title="Français [2018-07-12]"> <link href="../Overview.en" rel=first title="Cascading Style Sheets" > <link href="../specs.en" rel=prev title="All CSS specifications"> <link href="../SAC/Overview.en" rel=next title="SAC: The Simple API for CSS"> <link href="../Planet/index" rel=last title="The Future of Style - W3C"> <body> <div class=section id=language> <p><a href="#translations">Languages</a> </div> <h1><em>Cascading Style Sheets</em> Official W3C Test Suites</h1> <div class=section id=intro> <h2>Interoperability</h2> <blockquote> <p><em>“Interoperability is the ability of two or more systems or components to exchange information and to use the information that has been exchanged.”</em> — IEEE </blockquote> </div> <div class=section id=help> <h2>Help wanted</h2> <p>Interoperability is important to web designers. Better interoperability among CSS implementations means designers can write their CSS for one browser and see that it works predictably well on the other browsers. It means reducing the incompatibilities in the way CSS implementations interpret CSS. <p>Good test suites drive interoperability. They are a key part of making sure web standards are implemented correctly and consistently. More tests encourage more interoperability. Wrong tests drive interoperability on wrong behavior. <p>CSS needs good test suites! The W3C hosts the official test suites for the <a href="../current-work">CSS Specifications</a> here. Most of these test suites are still works in progress: they're incomplete and may contain errors. You can <strong>help us drive CSS interoperability on the Web</strong> by <a href="http://lists.w3.org/Archives/Public/public-css-testsuite/"> reporting errors</a> and <a href="https://wiki.csswg.org/test/"> contributing test cases</a>. Send questions, comments, error reports, and test submissions to the <a href="http://lists.w3.org/Archives/Public/public-css-testsuite/"> public-css-testsuite mailing list</a>. <div class=figure> <p><a href="http://testthewebforward.org/"><img alt="Test the Web forward:" src=dinos-218x50.png></a> </div> <p>The <a href="http://testthewebforward.org/">“Test the Web forward”</a> project helps organize events where you can participate and write and review tests together with others. <abbr title="Test the Web froward">TTWF</abbr> is a project of W3C, with support from Adobe, Facebook and others. </div> <div class=section id=status> <h2>Status</h2> <p>The table below lists some of the available test suites: the latest version, other versions, the next version under development, and the latest test report. <p>The links under ‘Development’ go to the <a href="http://test.csswg.org/harness/">CSS Test Harness,</a> which generates reports and lets everybody run tests easily. The tests themselves are stored on Github in the <a href="https://github.com/w3c/web-platform-tests">Web-platform tests repository.</a> <table class="status data"> <colgroup></colgroup> <colgroup span=2></colgroup> <colgroup></colgroup> <thead> <tr> <th rowspan=2 scope=rowgroup>Specification <th colspan=2 scope=col>Latest Release <th colspan=2 scope=col>Development <th rowspan=2 scope=col>Older Releases <tr> <th scope=col>Tests <th scope=col>Results <th scope=col>Tests <th scope=col>Results <tbody> <tr> <td><a href="../../../TR/css3-mediaqueries/">Media Queries</a> <td class=rc><a href="MediaQueries/20120229/">Release Candidate (1.0)</a> <td> <td><a href="http://test.csswg.org/suites/mediaqueries-3_dev/nightly-unstable/" >Nightly</a> <td><a href="http://test.csswg.org/suites/mediaqueries-3_dev/nightly-unstable/report/" >Report</a> <td><a href="MediaQueries/">Archive</a> <tr> <td><a href="../../../TR/css3-selectors/">Selectors Level 3</a > <td class=rc><a href="CSS3/Selectors/current/">Final (1.0)</a> <td><a href="CSS3/Selectors/20091025/reports/CR-ImpReport.html" >Report</a> <td><a href="http://test.csswg.org/suites/selectors-3_dev/nightly-unstable/" >Nightly</a> <td><a href="http://test.csswg.org/suites/selectors-3_dev/nightly-unstable/report/" >Report</a> <td><a href="CSS3/Selectors/">Archive</a> <tr> <td><a href="../../../TR/CSS21/">CSS 2.1</a> <td class=fin><a href="http://test.csswg.org/suites/css2.1/latest/">Final (1.0)</a> <td><a href="http://test.csswg.org/suites/css2.1/latest/report/" >Report</a> <td><a href="http://test.csswg.org/suites/css21_dev/nightly-unstable/" >Nightly</a> <td><a href="http://test.csswg.org/suites/css21_dev/nightly-unstable/report/" >Report</a> <td><a href="CSS2.1/">Archive</a><a href="#n1"><sup>1)</sup ></a> <tr> <td><a href="../../../TR/css-ui-3/">CSS Basic UI Level 3</a> <td>None <td> <td><a href="http://test.csswg.org/suites/css-ui-3_dev/nightly-unstable/" >Nightly</a> <td><a href="http://test.csswg.org/suites/css-ui-3_dev/nightly-unstable/report/" >Report</a> <td> <tr> <td><a href="../../../TR/css3-color/">CSS Color Level 3</a> <td class=fin><a href="CSS3/Color/current/">Final (1.0)</a> <td> <td><a href="http://test.csswg.org/suites/css-color-3_dev/nightly-unstable/" >Nightly</a> <td><a href="http://test.csswg.org/suites/css-color-3_dev/nightly-unstable/report/" >Report</a> <td><a href="CSS3/Color/">Archive</a> <tr> <td><a href="../../../TR/css3-marquee/">CSS Marquee Level 3</a > <td>None <td> <td> <td> <td> <tr> <td><a href="../../../TR/css3-multicol/">CSS Multi-column Layout</a> <td>None <td> <td><a href="http://test.csswg.org/suites/css-multicol-1_dev/nightly-unstable/" >Nightly</a> <td><a href="http://test.csswg.org/suites/css-multicol-1_dev/nightly-unstable/report/" >Report</a> <td> <tr> <td><a href="../../../TR/css3-namespace/">CSS Namespaces</a> <td class=rc><a href="CSS3/Namespace/current/">Final (1.0)</a> <td><a href="https://www.w3.org/Style/CSS/Test/CSS3/Namespace/20090210/reports/implement-report.html">Report</a> <td> <td> <td><a href="CSS3/Namespace/">Archive</a> <tr> <td><a href="../../../TR/css3-page/">CSS Paged Media Level 3</a > <td class=pa><a href="CSS3/Page/current/">Pre-Alpha</a> <td> <td> <td> <td><a href="CSS3/Page/">Archive</a> <tbody> <tr> <td><a href="../../../TR/2014/NOTE-css-mobile-20141014/">CSS Mobile Profile 1.0</a> <td class=alpha><a href="Mobile/1.0/current/">Alpha?</a> <td> <td> <td> <td><a href="Mobile/1.0/">Archive</a> <tr> <td><a href="../../../TR/css-print/">CSS Print Profile 1.0</a> <td class=pa><a href="Print/1.0/current/">Pre-Alpha</a> <td> <td> <td> <td><a href="Print/1.0/">Archive</a> <tr> <td><a href="../../../TR/css-tv/">CSS TV Profile 1.0</a> <td>None <td> <td> <td> <td> <tr> <td><a href="../../../TR/css-style-attr/">CSS Style Attributes</a> <td>None <td> <td><a href="http://test.csswg.org/suites/css-style-attr-1_dev/nightly-unstable/" >Nightly</a> <td><a href="http://test.csswg.org/suites/css-style-attr-1_dev/nightly-unstable/report/" >Report</a> <td> <tr> <td><a href="../../../TR/css3-background/">CSS Backgrounds and Borders Level 3</a> <td>None <td> <td><a href="http://test.csswg.org/suites/css-backgrounds-3_dev/nightly-unstable/" >Nightly</a> <td><a href="http://test.csswg.org/suites/css-backgrounds-3_dev/nightly-unstable/report/" >Report</a> <td> <tr> <td><a href="../../../TR/css3-conditional/">CSS Conditional Rules Module Level 3</a> <td>None <td> <td><a href="http://test.csswg.org/suites/css-conditional-3_dev/nightly-unstable/" >Nightly</a> <td><a href="http://test.csswg.org/suites/css-conditional-3_dev/nightly-unstable/report/" >Report</a> <td> <tr> <td><a href="../../../TR/css-text-decor-3/">CSS Text Decoration Module Level 3</a> <td>None <td> <td><a href="http://test.csswg.org/suites/css-text-decor-3_dev/nightly-unstable/" >Nightly</a> <td><a href="http://test.csswg.org/suites/css-text-decor-3_dev/nightly-unstable/report/" >Report</a> <td> <tbody> <tr> <td><a href="../../../TR/REC-CSS1/">CSS Level 1</a> <td class=obs><a href="CSS1/current/">Obsolete</a> <td> <td> <td> <td><a href="CSS1/">Archive</a> </table> <p id=n1>1) The version used for the <a href="../../../TR/2011/PR-CSS2-20110412/">CSS 2.1 Proposed Recommendation</a> is the <a href="CSS2.1/20110323/">Test Suite of 23 March 2011</a> and corresponding <a href="CSS2.1/20110323/reports/">implementation report.</a> <p class=more><a href="http://test.csswg.org/harness/" title="CSS Test Harness">More development test suites »</a> </div> <div class=section id=about> <h2>About the Test Suites</h2> <p id=phases>Release phase definitions: <dl> <dt class=fin id=phase-fin>Final <dd>Test suite is complete with no known or suspected bugs. At least two implementations pass, and the specification has reached Recommendation status. <dt class=rc id=phase-rc>Release Candidate <dd>Test suite is complete with no known or suspected bugs. At least one implementation passes almost all tests. <dt class=beta id=phase-beta>Beta <dd>Test suite has complete coverage of the spec. It may have some bugs but is expected to be mostly reliable. At least one implementation passes a majority of the tests. <dt class=alpha id=phase-alpha>Alpha <dd>Test suite has complete if not thorough coverage of the spec, but is expected to require some revision. <dt class=pa id=phase-pa>Pre-Alpha <dd>Test suite is incomplete and/or known to contain bugs at time of publication. <dt class=obs id=phase-obs>Obsolete <dd>Test suite may or may not be complete, but is no longer maintained and is known to contain bugs or is otherwise not recommended for conformance testing. </dl> </div> <div class=section id=license> <h2>Licensing</h2> <p>Unless otherwise stated, all test suites are licensed under both the <a href="https://www.w3.org/Consortium/Legal/2008/04-testsuite-license"> W3C Test Suite License</a> and the <a href="https://www.w3.org/Consortium/Legal/2008/03-bsd-license"> 3-clause BSD License</a>. See W3C Legal's <a href="https://www.w3.org/Consortium/Legal/2008/04-testsuite-copyright"> explanation of the licenses</a>. <p>Contributions to these test suites are governed by the W3C's <a href="https://www.w3.org/2004/10/27-testcases">Policies for Contribution of Testcases to W3C</a>. Contributors who are not members of the CSS Working Group must agree to the terms of <a href="https://www.w3.org/2002/09/wbs/1/testgrants2-200409/"> Grant II</a>. </div> <div class=section id=format> <h2>Format</h2> <p>Information about the current test submission format and on contributing to the test suites is available on the <a href="https://wiki.csswg.org/test/">wiki</a>. Some <a href=guidelines.html>test authoring guidelines</a> are also available. Our older test suites are written to the principles of the <a href=testsuitedocumentation.html>old test suite documentation</a>; please see the <a href="https://wiki.csswg.org/test/">wiki</a> for up-to-date information. </div> <div class=section id=scheme> <h2>Archives and Organization</h2> <p>Test suites are occasionally updated, but old versions remain on-line. If you link to a test suite, you can choose whether to link to a specific, dated version or to the dynamic "current" version. <p>The URLs of tests for CSS3 modules are of the form: <pre>.../CSS3/<var>MODULE</var>/current .../CSS3/<var>MODULE</var >/<var>YYYYMMDD</var></pre> <p>where <code><var>MODULE</var></code> is the (capitalized) module name, e.g., "Selectors", and <code><var>YYYYMMDD</var ></code> is a date, e.g., "20011105". The "current" link always redirects to the most recent dated test suite. <p>The URLs of tests for profiles are of the form: <pre>.../<var>PROFILE</var>/<var>VERSION</var>/current .../<var >PROFILE</var>/<var>VERSION</var>/<var>YYYYMMDD</var></pre> <p>where <code>PROFILE</code> is the name of a CSS profile, e.g., "Mobile" and <code>VERSION</code> is a version number, e.g., "1.0". </div> <div class=section id=banner> <h2>Site navigation</h2> <form action="../../../Help/search"> <ul> <li class=home><a href="/" rel=home><img alt=W3C src="../../../Icons/w3c_home"></a> <li><a href="../">CSS home</a> <li><a href="../learning">Learn & use</a> <li><a href="../software">Software</a> <li><a href="../current-work" title="Participate in the development of the CSS standard" >Participate / <span title="All specifications and drafts" >drafts</span></a> <li class=search><input accesskey=E id=inputField maxlength=255 name=q size=10><button accesskey=G name=sa type=submit><img alt=Search src="../../../2008/site/images/search-button" title=Search></button> </ul> </form> </div> <div class=section id=endmatter> <address class="vcard h-card"><img alt="" class="photo u-photo" src="../../../People/Bos/bert3-small.jpg"> <a class="fn url p-name u-url" href="../../../People/Bos/">Bert Bos</a>, <span class="role p-role">style activity lead</span><br > <small><a href="/Consortium/Legal/ipr-notice#Copyright" rel=copyright>Copyright</a> © 1994–2023 <a href="/"><abbr title="World Wide Web Consortium">W3C</abbr><sup >®</sup></a></small> <a href="/Consortium/Legal/ipr-notice" >Privacy policy</a></address> <p>Created 13 November 2001. Last updated Tue 12 Sep 2023 09:28:24 PM UTC </div> <div class=section id=translations> <h2>Languages</h2> <ul> <li><a href=Overview.en.html hreflang=en rel=alternate>English</a > <li><a href=Overview.fr.html hreflang=fr rel=alternate title=2018-07-12>Français</a> </ul> <p><a href="/Style/CSS/translating">About the translations</a> </div>

CINXE.COM

Official W3C CSS Test Suites