Re: Create CSS test suite for CSS Transforms

On Apr 16, 2012, at 2:33 PM, Dirk Schulze wrote:

> Hi Peter,
> 
> On Apr 16, 2012, at 1:40 PM, Linss, Peter wrote:
> 
>> On Apr 16, 2012, at 11:41 AM, Dirk Schulze wrote:
>> 
>>> Hi Peter and Elika,
>>> 
>>> Is it possible that someone of you prepares CSS Transforms so that is shows up on http://test.csswg.org/harness/ please? What else needs to be done by the editors to bring transforms up there?
>> 
>> This requires getting that suite as part of the automated build. I'm working on that now, should be online shortly. I don't believe the editors need to do anything at this point.
> That is great! There are just some things to consider. Right now we use HTML5 tests to test transformations on SVG elements. Here is one example:
> 
> <!DOCTYPE html>
> <html>
> <head>
>    <title>CSS Test: SVG patternTransform presentation attribute and translation-value argument with em unit on translateX</title>
>    <link rel="author" title="Rebecca Hauck" href="rhauck@adobe.com"/>
>    <link rel="help" href="http://www.w3.org/TR/css3-transforms/#svg-transform"/>
>    <link rel="help" href="http://www.w3.org/TR/css3-transforms/#two-d-transform-functions"/>
>    <link rel="help" href="http://www.w3.org/TR/css3-transforms/#svg-gradient-transform-pattern-transform"/>
>    <link rel="match" href="reftest/svg-patternTransform-ref.html"/>
>    <meta name="flags" content="svg"/>
>    <meta name="assert" content="The patternTransform attribute must support functions with the relative length unit 'em' on translation-value arguments. The pattern in the test should be moved 25 pixels in the X direction resulting in a solid green rect."/>
>    <style type="text/css">
>    svg {
>        width: 100px;
>        height: 100px;
>        background:red;
>        font: Ahem;
>        font-size:25px;
>    }
>    </style>
> </head>
> <body>
>    <p>The test passes if there is a green square and no red.</p>
>    <svg>
>        <defs>
>            <pattern id="greenRects" patternUnits="userSpaceOnUse" x="0" y="0" width="50" height="50" patternTransform="translateX(1em)" >
>                <rect x="0" y="0" width="25" height="25" fill="green"/>
>                <rect x="0" y="25" width="25" height="25" fill="green"/>
>            </pattern>
>        </defs>
>        <rect fill="green" x="0" y="0" width="25" height="100"/>
>        <rect fill="green" x="50" y="0" width="25" height="100"/>
>        <rect fill="url(#greenRects)" x="0" y="0" width="100" height="100"/>
>    </svg>
> </body>
> </html>
> 
> The problem that I see is the inline SVG element. This is not supported for HTML 4.01 and therefore the tests can't pass there. But even for XHTML 1.1 the namespaces for Xlink and SVG must be added to the 'svg' element. Can the build system take care of that? 
> 
> Greetings
> Dirk


The build of the transforms test suite is online now at:
http://test.csswg.org/suites/css3-transforms/nightly-unstable/

and in the harness. It's part of the daily build and will update each night around 1am PDT.

The transform test suite is output in HTML5 and XHTML1. For the XHTML1 version the build is (hopefully) inserting the proper SVG namespace info.

This is the first time the build system has converted HTML 5 source to XHTML1 output. Please review it carefully to make sure I didn't miss something.

Peter

Received on Tuesday, 17 April 2012 00:46:37 UTC