Re: Create CSS test suite for CSS Transforms

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

> 
> Peter

Received on Monday, 16 April 2012 21:34:03 UTC