Update CSS tests to revision 0698c2aa9ead844b6d7d10eafb096cb1118e13ef

This commit is contained in:
Ms2ger 2015-12-09 01:48:05 -05:00
parent 9aa1b1e408
commit 35c74aecc2
11290 changed files with 92400 additions and 49214 deletions

View file

@ -7,7 +7,7 @@
<meta charset="UTF-8">
<meta content="Test checks that a PNG image supported as a custom cursor." name="assert">
<style>
div.test{background: #D2B48C; border: 2px solid #555;
div.test{background: #D2B48C; border: 2px solid #555;
cursor:url(support/cursors/woolly-64.png) 41 32, help;
width: 128px; height: 128px}
</style>

View file

@ -7,8 +7,8 @@
<meta charset="UTF-8">
<meta content="Test checks that a PNG image supported as a custom cursor, loaded cross-domain with absolute url." name="assert">
<style>
div.test{background: #D2B48C; border: 2px solid #555;
cursor:url(http://www.w3.org/Style/Woolly/woolly-mc.png) 41 32, help;
div.test{background: #D2B48C; border: 2px solid #555;
cursor:url(http://www.w3.org/Style/Woolly/woolly-mc.png) 41 32, help;
width: 128px; height: 128px}
</style>
</head><body>

View file

@ -8,8 +8,8 @@
<meta content="Test checks that an ICO image is supported as a custom cursor." name="assert">
<style>
div.test{background: #D2B48C; border: 2px solid #555;
cursor:url(support/cursors/woolly-64.ico), help;
div.test{background: #D2B48C; border: 2px solid #555;
cursor:url(support/cursors/woolly-64.ico), help;
width: 128px; height: 128px}
</style>
</head><body>

View file

@ -7,8 +7,8 @@
<meta charset="UTF-8">
<meta content="Test checks that an ICO image, with its own hotspot, is supported as a custom cursor." name="assert">
<style>
div.test{background: #D2B48C; border: 2px solid #555;
cursor:url(support/cursors/woolly-64.cur), help;
div.test{background: #D2B48C; border: 2px solid #555;
cursor:url(support/cursors/woolly-64.cur), help;
width: 128px; height: 128px}
</style>
</head><body>

View file

@ -8,8 +8,8 @@
<meta charset="UTF-8">
<meta content="Test checks that an SVG image with no fixed size is supported as a custom cursor at the default object size for cursor images." name="assert">
<style>
div.test{background: #D2B48C; border: 2px solid #555;
cursor:url(support/cursors/woolly.svg) 41 32, help;
div.test{background: #D2B48C; border: 2px solid #555;
cursor:url(support/cursors/woolly.svg) 41 32, help;
width: 128px; height: 128px}
</style>
</head><body>

View file

@ -7,8 +7,8 @@
<meta charset="UTF-8">
<meta content="Test checks that a fixed size SVG image is supported as a custom cursor." name="assert">
<style>
div.test{background: #D2B48C; border: 2px solid #555;
cursor:url(support/cursors/woolly-64.svg) 41 32, help;
div.test{background: #D2B48C; border: 2px solid #555;
cursor:url(support/cursors/woolly-64.svg) 41 32, help;
width: 128px; height: 128px}
</style>
</head><body>

View file

@ -6,8 +6,8 @@
<meta charset="UTF-8">
<meta content="Test checks that an ANI image, with it's own hotspot, is supported as a custom cursor." name="assert">
<style>
div.test{background: #D2B48C; border: 2px solid #555;
cursor:url(support/cursors/BlueButterfly.ani), help;
div.test{background: #D2B48C; border: 2px solid #555;
cursor:url(support/cursors/BlueButterfly.ani), help;
width: 128px; height: 128px}
</style>
</head><body>
@ -15,4 +15,5 @@
<p>If inside the rectangle the cursor does not change, or looks like a help cursor, the test fails.</p>
<div class="test"> </div>
<p class="attribution">Cursor by Vlasta, used here under a CC-BY license.</p>
</body></html>

View file

@ -6,12 +6,13 @@
<meta charset="UTF-8">
<meta content="Test checks that a compressed, fixed size SVG image is supported as a custom cursor." name="assert">
<style>
div.test{background: #D2B48C; border: 2px solid #555;
cursor:url(support/cursors/woolly-64.svgz) 41 32, help;
div.test{background: #D2B48C; border: 2px solid #555;
cursor:url(support/cursors/woolly-64.svgz) 41 32, help;
width: 128px; height: 128px}
</style>
</head><body>
<p>The test passes if, when moved inside the colored rectangle, the cursor looks like a sheep AND is not a sheep when outside.</p>
<p>If inside the rectangle the cursor does not change, or looks like a help cursor, the test fails.</p>
<div class="test"> </div>
</body></html>

View file

@ -6,13 +6,14 @@
<meta charset="UTF-8">
<meta content="Test checks that non-existent images cause the fallback to be used." name="assert">
<style>
div.test{background: #D2B48C; border: 2px solid #555;
cursor:url(support/cursors/does-not-exist.png) 41 32, help;
div.test{background: #D2B48C; border: 2px solid #555;
cursor:url(support/cursors/does-not-exist.png) 41 32, help;
width: 128px; height: 128px}
</style>
</head><body>
<p>The test passes if, when moved inside the colored rectangle, a help cursor is displayed AND
<p>The test passes if, when moved inside the colored rectangle, a help cursor is displayed AND
there is no help cursor when outside.</p>
<p>If inside the rectangle the cursor does not change, the test fails.</p>
<div class="test"> </div>
</body></html>

View file

@ -7,14 +7,14 @@
<meta charset="UTF-8">
<meta content="Test checks that a fallback cursor is required." name="assert">
<style>
div.test{background: #D2B48C; border: 2px solid #555;
cursor:url(support/cursors/fail.cur);
div.test{background: #D2B48C; border: 2px solid #555;
cursor:url(support/cursors/fail.cur);
width: 128px; height: 128px}
</style>
</head><body>
<p>The test passes if, when moved inside the the colored rectangle, the
cursor does not change.</p>
<p>If inside the rectangle the cursor changes to the word "FAIL" on a red
<p>If inside the rectangle the cursor changes to the word "FAIL" on a red
background, the test fails.</p>
<div class="test"> </div>

View file

@ -7,12 +7,13 @@
<meta content="Test checks that a GIF image is supported as a custom cursor." name="assert">
<style>
div.test{background: #D2B48C; border: 2px solid #555;
cursor:url(support/cursors/basn0g08.gif), help;
div.test{background: #D2B48C; border: 2px solid #555;
cursor:url(support/cursors/basn0g08.gif), help;
width: 128px; height: 128px}
</style>
</head><body>
<p>The test passes if, when moved inside the colored rectangle, the cursor looks like gray stripes AND is not gray stripes when outside.</p>
<p>If inside the rectangle the cursor does not change, or looks like a help cursor, the test fails.</p>
<div class="test"> </div>
</body></html>

View file

@ -7,14 +7,15 @@
<meta content="Test checks that a GIF image with transparency is supported as a custom cursor." name="assert">
<style>
div.test{background: #D2B48C; border: 2px solid #555;
cursor:url(support/cursors/tp1n3p08.gif), help;
div.test{background: #D2B48C; border: 2px solid #555;
cursor:url(support/cursors/tp1n3p08.gif), help;
width: 128px; height: 128px}
</style>
</head><body>
<p>The test passes if, when moved inside the colored rectangle, the cursor looks like
<p>The test passes if, when moved inside the colored rectangle, the cursor looks like
a gray cube AND is not a gray cube when outside.</p>
<p>If inside the rectangle the cursor does not change, or looks like a help cursor, the test fails.</p>
<p>White haloing around the cursor is acceptable in this test.</p>
<div class="test"> </div>
</body></html>

View file

@ -8,12 +8,12 @@
<meta content="Test checks that a JPEG/JFIF image is supported as a custom cursor." name="assert">
<style>
div.test{background: #D2B48C; border: 2px solid #555;
cursor:url(support/cursors/rainbow.jpg), help;
div.test{background: #D2B48C; border: 2px solid #555;
cursor:url(support/cursors/rainbow.jpg), help;
width: 128px; height: 128px}
</style>
</head><body>
<p>The test passes if, when moved inside the colored rectangle, the cursor looks like
<p>The test passes if, when moved inside the colored rectangle, the cursor looks like
a rainbow AND is not a rainbow when outside.</p>
<p>If inside the rectangle the cursor does not change, or looks like a help cursor, the test fails.</p>
<div class="test"> </div>

View file

@ -6,11 +6,12 @@
<meta charset="UTF-8">
<meta content="Test checks that a monochrome (type 0) PNG image, 1 bit/pixel, is supported as a CSS custom cursor." name="assert">
<style>
div.test{background: #AAA; border: 2px solid #555;
div.test{background: #AAA; border: 2px solid #555;
cursor:url(support/PTS/basn0g01.png), help; width: 128px; height: 64px}
div.test:before {content: url(support/PTS/basn0g01.png)
</style>
</head><body>
<p>The test passes if, when moved inside the grey rectangle, the cursor looks like the reference image.</p>
<div class="test"> </div>
<div class="test"> </div>
</body></html>

View file

@ -5,12 +5,13 @@
<meta content="interact" name="flags">
<meta content="Test checks that a black and white PNG image cursor is supported." name="assert">
<style>
.test{background: #AAA; border: 2px solid #555;
.test{background: #AAA; border: 2px solid #555;
cursor:url(support/PTS/basn0g02.png), help; width :128px; height: 64px}
.test:before {content: url(support/PTS/basn0g02.png)
</style>
</head><body>
<p>The test passes if, when moved inside the grey rectangle, the cursor looks like the reference image.</p>
<p class="test"> </p>
<p>Local monochrome (type 0) PNG image, 2 bit/pixel.
<p>Local monochrome (type 0) PNG image, 2 bit/pixel.
</p></body></html>

View file

@ -5,12 +5,13 @@
<meta content="interact" name="flags">
<meta content="Test checks that a black and white PNG image cursor is supported." name="assert">
<style>
.test{background: #AAA; border: 2px solid #555;
.test{background: #AAA; border: 2px solid #555;
cursor:url(support/PTS/basn0g04.png), help; width :128px; height: 64px}
.test:before {content: url(support/PTS/basn0g04.png)
</style>
</head><body>
<p>The test passes if, when moved inside the grey rectangle, the cursor looks like the reference image.</p>
<p class="test"> </p>
<p>Local monochrome (type 0) PNG image, 4 bit/pixel.
<p>Local monochrome (type 0) PNG image, 4 bit/pixel.
</p></body></html>

View file

@ -5,12 +5,13 @@
<meta content="interact" name="flags">
<meta content="Test checks that a black and white PNG image cursor is supported." name="assert">
<style>
.test{background: #AAA; border: 2px solid #555;
.test{background: #AAA; border: 2px solid #555;
cursor:url(support/PTS/basn0g08.png), help; width :128px; height: 64px}
.test:before {content: url(support/PTS/basn0g08.png)
</style>
</head><body>
<p>The test passes if, when moved inside the grey rectangle, the cursor looks like the reference image.</p>
<p class="test"> </p>
<p>Local monochrome (type 0) PNG image, 8 bit/pixel.
<p>Local monochrome (type 0) PNG image, 8 bit/pixel.
</p></body></html>

View file

@ -5,12 +5,13 @@
<meta content="interact" name="flags">
<meta content="Test checks that a black and white PNG image cursor is supported." name="assert">
<style>
.test{background: #AAA; border: 2px solid #555;
.test{background: #AAA; border: 2px solid #555;
cursor:url(support/PTS/basn0g16.png), help; width :128px; height: 64px}
.test:before {content: url(support/PTS/basn0g16.png)
</style>
</head><body>
<p>The test passes if, when moved inside the grey rectangle, the cursor looks like the reference image.</p>
<p class="test"> </p>
<p>Local monochrome (type 0) PNG image, 16 bit/pixel.
<p>Local monochrome (type 0) PNG image, 16 bit/pixel.
</p></body></html>

View file

@ -5,12 +5,13 @@
<meta content="interact" name="flags">
<meta content="Test checks that an RGB PNG image cursor is supported." name="assert">
<style>
.test{background: #AAA; border: 2px solid #555;
.test{background: #AAA; border: 2px solid #555;
cursor:url(support/PTS/basn2c08.png), help; width :128px; height: 64px}
.test:before {content: url(support/PTS/basn2c08.png)
</style>
</head><body>
<p>The test passes if, when moved inside the grey rectangle, the cursor looks like the reference image.</p>
<p class="test"> </p>
<p>Local RGB (type 2) PNG image, 8 bit/pixel.
<p>Local RGB (type 2) PNG image, 8 bit/pixel.
</p></body></html>

View file

@ -5,12 +5,13 @@
<meta content="interact" name="flags">
<meta content="Test checks that an RGB PNG image cursor is supported." name="assert">
<style>
.test{background: #AAA; border: 2px solid #555;
.test{background: #AAA; border: 2px solid #555;
cursor:url(support/PTS/basn2c16.png), help; width :128px; height: 64px}
.test:before {content: url(support/PTS/basn2c16.png)
</style>
</head><body>
<p>The test passes if, when moved inside the grey rectangle, the cursor looks like the reference image.</p>
<p class="test"> </p>
<p>Local RGB (type 2) PNG image, 16 bit/pixel.
<p>Local RGB (type 2) PNG image, 16 bit/pixel.
</p></body></html>

View file

@ -5,12 +5,13 @@
<meta content="interact" name="flags">
<meta content="Test checks that an indexed PNG image cursor is supported." name="assert">
<style>
.test{background: #AAA; border: 2px solid #555;
.test{background: #AAA; border: 2px solid #555;
cursor:url(support/PTS/basn3p01.png), help; width :128px; height: 64px}
.test:before {content: url(support/PTS/basn3p01.png)
</style>
</head><body>
<p>The test passes if, when moved inside the grey rectangle, the cursor looks like the reference image.</p>
<p class="test"> </p>
<p>Local indexed (type 3) PNG image, 1 bit/pixel.
<p>Local indexed (type 3) PNG image, 1 bit/pixel.
</p></body></html>

View file

@ -5,12 +5,13 @@
<meta content="interact" name="flags">
<meta content="Test checks that an indexed PNG image cursor is supported." name="assert">
<style>
.test{background: #AAA; border: 2px solid #555;
.test{background: #AAA; border: 2px solid #555;
cursor:url(support/PTS/basn3p02.png), help; width :128px; height: 64px}
.test:before {content: url(support/PTS/basn3p02.png)
</style>
</head><body>
<p>The test passes if, when moved inside the grey rectangle, the cursor looks like the reference image.</p>
<p class="test"> </p>
<p>Local indexed (type 3) PNG image, 2 bit/pixel.
<p>Local indexed (type 3) PNG image, 2 bit/pixel.
</p></body></html>

View file

@ -5,12 +5,13 @@
<meta content="interact" name="flags">
<meta content="Test checks that an indexed PNG image cursor is supported." name="assert">
<style>
.test{background: #AAA; border: 2px solid #555;
.test{background: #AAA; border: 2px solid #555;
cursor:url(support/PTS/basn3p04.png), help; width :128px; height: 64px}
.test:before {content: url(support/PTS/basn3p04.png)
</style>
</head><body>
<p>The test passes if, when moved inside the grey rectangle, the cursor looks like the reference image.</p>
<p class="test"> </p>
<p>Local indexed (type 3) PNG image, 4 bit/pixel.
<p>Local indexed (type 3) PNG image, 4 bit/pixel.
</p></body></html>

View file

@ -5,12 +5,13 @@
<meta content="interact" name="flags">
<meta content="Test checks that an indexed PNG image cursor is supported." name="assert">
<style>
.test{background: #AAA; border: 2px solid #555;
.test{background: #AAA; border: 2px solid #555;
cursor:url(support/PTS/basn3p08.png), help; width :128px; height: 64px}
.test:before {content: url(support/PTS/basn3p08.png)
</style>
</head><body>
<p>The test passes if, when moved inside the grey rectangle, the cursor looks like the reference image.</p>
<p class="test"> </p>
<p>Local indexed (type 3) PNG image, 8 bit/pixel.
<p>Local indexed (type 3) PNG image, 8 bit/pixel.
</p></body></html>

View file

@ -5,7 +5,7 @@
<meta content="interact" name="flags">
<meta content="Test checks that a greyscale with alpha PNG image cursor is supported." name="assert">
<style>
.test{background: #ffe5b4; border: 2px solid #555;
.test{background: #ffe5b4; border: 2px solid #555;
cursor:url(support/PTS/basn4a08.png), help; width :128px; height: 64px}
.test:before {content: url(support/PTS/basn4a08.png)
</style>
@ -13,5 +13,6 @@
<p>The test passes if, when moved inside the peach rectangle, the cursor looks like the reference image.</p>
<!-- changed background colour so grey semitransparent image can be seen -->
<p class="test"> </p>
<p>Local greyscale with alpha (type 4) PNG image, 8 bit/pixel.
<p>Local greyscale with alpha (type 4) PNG image, 8 bit/pixel.
</p></body></html>

View file

@ -5,7 +5,7 @@
<meta content="interact" name="flags">
<meta content="Test checks that a greyscale with alpha PNG image cursor is supported." name="assert">
<style>
.test{background: #ffe5b4; border: 2px solid #555;
.test{background: #ffe5b4; border: 2px solid #555;
cursor:url(support/PTS/basn4a16.png), help; width :128px; height: 64px}
.test:before {content: url(support/PTS/basn4a16.png)
</style>
@ -13,5 +13,6 @@
<p>The test passes if, when moved inside the peach rectangle, the cursor looks like the reference image.</p>
<!-- changed background colour so grey semitransparent image can be seen -->
<p class="test"> </p>
<p>Local greyscale with alpha (type 4) PNG image, 16 bit/pixel.
<p>Local greyscale with alpha (type 4) PNG image, 16 bit/pixel.
</p></body></html>

View file

@ -5,7 +5,7 @@
<meta content="interact" name="flags">
<meta content="Test checks that an RGB with alpha PNG image cursor is supported." name="assert">
<style>
.test{background: #AAA; border: 2px solid #555;
.test{background: #AAA; border: 2px solid #555;
cursor:url(support/PTS/basn6a08.png), help; width :128px; height: 64px}
.test:before {content: url(support/PTS/basn6a08.png)
</style>
@ -13,5 +13,6 @@
<p>The test passes if, when moved inside the grey rectangle, the cursor looks like the reference image.</p>
<p class="test"> </p>
<p>Local RGB with alpha (type 6) PNG image, 8 bit/pixel.
<p>Local RGB with alpha (type 6) PNG image, 8 bit/pixel.
</p></body></html>

View file

@ -5,7 +5,7 @@
<meta content="interact" name="flags">
<meta content="Test checks that an RGB with alpha PNG image cursor is supported." name="assert">
<style>
.test{background: #AAA; border: 2px solid #555;
.test{background: #AAA; border: 2px solid #555;
cursor:url(support/PTS/basn6a16.png), help; width :128px; height: 64px}
.test:before {content: url(support/PTS/basn6a16.png)
</style>
@ -13,5 +13,6 @@
<p>The test passes if, when moved inside the grey rectangle, the cursor looks like the reference image.</p>
<p class="test"> </p>
<p>Local RGB with alpha (type 6) PNG image, 16 bit/pixel.
<p>Local RGB with alpha (type 6) PNG image, 16 bit/pixel.
</p></body></html>

View file

@ -5,12 +5,13 @@
<meta content="interact" name="flags">
<meta content="Test checks that an interlaced black and white PNG image cursor is supported." name="assert">
<style>
.test{background: #AAA; border: 2px solid #555;
.test{background: #AAA; border: 2px solid #555;
cursor:url(support/PTS/basi0g01.png), help; width :128px; height: 64px}
.test:before {content: url(support/PTS/basi0g01.png)
</style>
</head><body>
<p>The test passes if, when moved inside the grey rectangle, the cursor looks like the reference image.</p>
<p class="test"> </p>
<p>Local interlaced monochrome (type 0) PNG image, 1 bit/pixel.
<p>Local interlaced monochrome (type 0) PNG image, 1 bit/pixel.
</p></body></html>

View file

@ -5,12 +5,13 @@
<meta content="interact" name="flags">
<meta content="Test checks that an interlaced black and white PNG image cursor is supported." name="assert">
<style>
.test{background: #AAA; border: 2px solid #555;
.test{background: #AAA; border: 2px solid #555;
cursor:url(support/PTS/basi0g02.png), help; width :128px; height: 64px}
.test:before {content: url(support/PTS/basi0g02.png)
</style>
</head><body>
<p>The test passes if, when moved inside the grey rectangle, the cursor looks like the reference image.</p>
<p class="test"> </p>
<p>Local interlaced monochrome (type 0) PNG image, 2 bit/pixel.
<p>Local interlaced monochrome (type 0) PNG image, 2 bit/pixel.
</p></body></html>

View file

@ -5,12 +5,13 @@
<meta content="interact" name="flags">
<meta content="Test checks that an interlaced black and white PNG image cursor is supported." name="assert">
<style>
.test{background: #AAA; border: 2px solid #555;
.test{background: #AAA; border: 2px solid #555;
cursor:url(support/PTS/basi0g04.png), help; width :128px; height: 64px}
.test:before {content: url(support/PTS/basi0g04.png)
</style>
</head><body>
<p>The test passes if, when moved inside the grey rectangle, the cursor looks like the reference image.</p>
<p class="test"> </p>
<p>Local interlaced monochrome (type 0) PNG image, 4 bit/pixel.
<p>Local interlaced monochrome (type 0) PNG image, 4 bit/pixel.
</p></body></html>

View file

@ -5,12 +5,13 @@
<meta content="interact" name="flags">
<meta content="Test checks that an interlaced black and white PNG image cursor is supported." name="assert">
<style>
.test{background: #AAA; border: 2px solid #555;
.test{background: #AAA; border: 2px solid #555;
cursor:url(support/PTS/basi0g08.png), help; width :128px; height: 64px}
.test:before {content: url(support/PTS/basi0g08.png)
</style>
</head><body>
<p>The test passes if, when moved inside the grey rectangle, the cursor looks like the reference image.</p>
<p class="test"> </p>
<p>Local interlaced monochrome (type 0) PNG image, 8 bit/pixel.
<p>Local interlaced monochrome (type 0) PNG image, 8 bit/pixel.
</p></body></html>

View file

@ -5,12 +5,13 @@
<meta content="interact" name="flags">
<meta content="Test checks that an interlaced black and white PNG image cursor is supported." name="assert">
<style>
.test{background: #AAA; border: 2px solid #555;
.test{background: #AAA; border: 2px solid #555;
cursor:url(support/PTS/basi0g16.png), help; width :128px; height: 64px}
.test:before {content: url(support/PTS/basi0g16.png)
</style>
</head><body>
<p>The test passes if, when moved inside the grey rectangle, the cursor looks like the reference image.</p>
<p class="test"> </p>
<p>Local interlaced monochrome (type 0) PNG image, 16 bit/pixel.
<p>Local interlaced monochrome (type 0) PNG image, 16 bit/pixel.
</p></body></html>

View file

@ -5,12 +5,13 @@
<meta content="interact" name="flags">
<meta content="Test checks that an interlaced RGB PNG image cursor is supported." name="assert">
<style>
.test{background: #AAA; border: 2px solid #555;
.test{background: #AAA; border: 2px solid #555;
cursor:url(support/PTS/basi2c08.png), help; width :128px; height: 64px}
.test:before {content: url(support/PTS/basi2c08.png)
</style>
</head><body>
<p>The test passes if, when moved inside the grey rectangle, the cursor looks like the reference image.</p>
<p class="test"> </p>
<p>Local interlaced RGB (type 2) PNG image, 8 bit/pixel.
<p>Local interlaced RGB (type 2) PNG image, 8 bit/pixel.
</p></body></html>

View file

@ -5,12 +5,13 @@
<meta content="interact" name="flags">
<meta content="Test checks that an interlaced RGB PNG image cursor is supported." name="assert">
<style>
.test{background: #AAA; border: 2px solid #555;
.test{background: #AAA; border: 2px solid #555;
cursor:url(support/PTS/basi2c16.png), help; width :128px; height: 64px}
.test:before {content: url(support/PTS/basi2c16.png)
</style>
</head><body>
<p>The test passes if, when moved inside the grey rectangle, the cursor looks like the reference image.</p>
<p class="test"> </p>
<p>Local interlaced RGB (type 2) PNG image, 16 bit/pixel.
<p>Local interlaced RGB (type 2) PNG image, 16 bit/pixel.
</p></body></html>

View file

@ -5,12 +5,13 @@
<meta content="interact" name="flags">
<meta content="Test checks that an interlaced, indexed PNG image cursor is supported." name="assert">
<style>
.test{background: #AAA; border: 2px solid #555;
.test{background: #AAA; border: 2px solid #555;
cursor:url(support/PTS/basi3p01.png), help; width :128px; height: 64px}
.test:before {content: url(support/PTS/basi3p01.png)
</style>
</head><body>
<p>The test passes if, when moved inside the grey rectangle, the cursor looks like the reference image.</p>
<p class="test"> </p>
<p>Local interlaced, indexed (type 3) PNG image, 1 bit/pixel.
<p>Local interlaced, indexed (type 3) PNG image, 1 bit/pixel.
</p></body></html>

View file

@ -5,12 +5,13 @@
<meta content="interact" name="flags">
<meta content="Test checks that an interlaced, indexed PNG image cursor is supported." name="assert">
<style>
.test{background: #AAA; border: 2px solid #555;
.test{background: #AAA; border: 2px solid #555;
cursor:url(support/PTS/basi3p02.png), help; width :128px; height: 64px}
.test:before {content: url(support/PTS/basi3p02.png)
</style>
</head><body>
<p>The test passes if, when moved inside the grey rectangle, the cursor looks like the reference image.</p>
<p class="test"> </p>
<p>Local interlaced, indexed (type 3) PNG image, 2 bit/pixel.
<p>Local interlaced, indexed (type 3) PNG image, 2 bit/pixel.
</p></body></html>

View file

@ -5,12 +5,13 @@
<meta content="interact" name="flags">
<meta content="Test checks that an interlaced, indexed PNG image cursor is supported." name="assert">
<style>
.test{background: #AAA; border: 2px solid #555;
.test{background: #AAA; border: 2px solid #555;
cursor:url(support/PTS/basi3p04.png), help; width :128px; height: 64px}
.test:before {content: url(support/PTS/basi3p04.png)
</style>
</head><body>
<p>The test passes if, when moved inside the grey rectangle, the cursor looks like the reference image.</p>
<p class="test"> </p>
<p>Local interlaced, indexed (type 3) PNG image, 4 bit/pixel.
<p>Local interlaced, indexed (type 3) PNG image, 4 bit/pixel.
</p></body></html>

View file

@ -5,12 +5,13 @@
<meta content="interact" name="flags">
<meta content="Test checks that an interlaced, indexed PNG image cursor is supported." name="assert">
<style>
.test{background: #AAA; border: 2px solid #555;
.test{background: #AAA; border: 2px solid #555;
cursor:url(support/PTS/basi3p08.png), help; width :128px; height: 64px}
.test:before {content: url(support/PTS/basi3p08.png)
</style>
</head><body>
<p>The test passes if, when moved inside the grey rectangle, the cursor looks like the reference image.</p>
<p class="test"> </p>
<p>Local interlaced, indexed (type 3) PNG image, 8 bit/pixel.
<p>Local interlaced, indexed (type 3) PNG image, 8 bit/pixel.
</p></body></html>

View file

@ -5,7 +5,7 @@
<meta content="interact" name="flags">
<meta content="Test checks that an interlaced greyscale with alpha PNG image cursor is supported." name="assert">
<style>
.test{background: #ffe5b4; border: 2px solid #555;
.test{background: #ffe5b4; border: 2px solid #555;
cursor:url(support/PTS/basi4a08.png), help; width :128px; height: 64px}
.test:before {content: url(support/PTS/basi4a08.png)
</style>
@ -13,5 +13,6 @@
<p>The test passes if, when moved inside the peach rectangle, the cursor looks like the reference image.</p>
<!-- changed background colour so grey semitransparent image can be seen -->
<p class="test"> </p>
<p>Local interlaced greyscale with alpha (type 4) PNG image, 8 bit/pixel.
<p>Local interlaced greyscale with alpha (type 4) PNG image, 8 bit/pixel.
</p></body></html>

View file

@ -5,7 +5,7 @@
<meta content="interact" name="flags">
<meta content="Test checks that an interlaced greyscale with alpha PNG image cursor is supported." name="assert">
<style>
.test{background: #ffe5b4; border: 2px solid #555;
.test{background: #ffe5b4; border: 2px solid #555;
cursor:url(support/PTS/basi4a16.png), help; width :128px; height: 64px}
.test:before {content: url(support/PTS/basi4a16.png)
</style>
@ -13,5 +13,6 @@
<p>The test passes if, when moved inside the peach rectangle, the cursor looks like the reference image.</p>
<!-- changed background colour so grey semitransparent image can be seen -->
<p class="test"> </p>
<p>Local interlaced greyscale with alpha (type 4) PNG image, 16 bit/pixel.
<p>Local interlaced greyscale with alpha (type 4) PNG image, 16 bit/pixel.
</p></body></html>

View file

@ -5,7 +5,7 @@
<meta content="interact" name="flags">
<meta content="Test checks that an interlaced RGB with alpha PNG image cursor is supported." name="assert">
<style>
.test{background: #AAA; border: 2px solid #555;
.test{background: #AAA; border: 2px solid #555;
cursor:url(support/PTS/basi6a08.png), help; width :128px; height: 64px}
.test:before {content: url(support/PTS/basi6a08.png)
</style>
@ -13,5 +13,6 @@
<p>The test passes if, when moved inside the grey rectangle, the cursor looks like the reference image.</p>
<p class="test"> </p>
<p>Local interlaced RGB with alpha (type 6) PNG image, 8 bit/pixel.
<p>Local interlaced RGB with alpha (type 6) PNG image, 8 bit/pixel.
</p></body></html>

View file

@ -5,7 +5,7 @@
<meta content="interact" name="flags">
<meta content="Test checks that an interlaced RGB with alpha PNG image cursor is supported." name="assert">
<style>
.test{background: #AAA; border: 2px solid #555;
.test{background: #AAA; border: 2px solid #555;
cursor:url(support/PTS/basi6a16.png), help; width :128px; height: 64px}
.test:before {content: url(support/PTS/basi6a16.png)
</style>
@ -13,5 +13,6 @@
<p>The test passes if, when moved inside the grey rectangle, the cursor looks like the reference image.</p>
<p class="test"> </p>
<p>Local interlaced RGB with alpha (type 6) PNG image, 16 bit/pixel.
<p>Local interlaced RGB with alpha (type 6) PNG image, 16 bit/pixel.
</p></body></html>

View file

@ -5,7 +5,7 @@
<meta content="interact" name="flags">
<meta content="Test checks that a greyscale PNG image cursor with transparency is supported." name="assert">
<style>
.test{background: #ffe5b4; border: 2px solid #555;
.test{background: #ffe5b4; border: 2px solid #555;
cursor:url(support/PTS/tbbn0g04.png), help; width :128px; height: 64px}
.test:before {content: url(support/PTS/tbbn0g04.png)
</style>
@ -13,5 +13,6 @@
<p>The test passes if, when moved inside the peach rectangle, the cursor looks like the reference image.</p>
<p class="test"> </p>
<p>Greyscale PNG image, with transparency (tRNS), 4 bit/pixel.
<p>Greyscale PNG image, with transparency (tRNS), 4 bit/pixel.
</p></body></html>

View file

@ -5,7 +5,7 @@
<meta content="interact" name="flags">
<meta content="Test checks that a greyscale PNG image cursor with transparency is supported." name="assert">
<style>
.test{background: #ffe5b4; border: 2px solid #555;
.test{background: #ffe5b4; border: 2px solid #555;
cursor:url(support/PTS/tbwn0g16.png), help; width :128px; height: 64px}
.test:before {content: url(support/PTS/tbwn0g16.png)
</style>
@ -13,5 +13,6 @@
<p>The test passes if, when moved inside the peach rectangle, the cursor looks like the reference image.</p>
<p class="test"> </p>
<p>Greyscale PNG image, with transparency (tRNS), 16 bit/pixel.
<p>Greyscale PNG image, with transparency (tRNS), 16 bit/pixel.
</p></body></html>

View file

@ -5,7 +5,7 @@
<meta content="interact" name="flags">
<meta content="Test checks that an RGB PNG image cursor with transparency is supported." name="assert">
<style>
.test{background: #ffe5b4; border: 2px solid #555;
.test{background: #ffe5b4; border: 2px solid #555;
cursor:url(support/PTS/tbrn2c08.png), help; width :128px; height: 64px}
.test:before {content: url(support/PTS/tbrn2c08.png)
</style>
@ -13,5 +13,6 @@
<p>The test passes if, when moved inside the peach rectangle, the cursor looks like the reference image.</p>
<p class="test"> </p>
<p>RGB PNG image, with transparency (tRNS), 8 bit/pixel.
<p>RGB PNG image, with transparency (tRNS), 8 bit/pixel.
</p></body></html>

View file

@ -5,7 +5,7 @@
<meta content="interact" name="flags">
<meta content="Test checks that an RGB PNG image cursor with transparency is supported." name="assert">
<style>
.test{background: #ffe5b4; border: 2px solid #555;
.test{background: #ffe5b4; border: 2px solid #555;
cursor:url(support/PTS/tbrn2c08.png), help; width :128px; height: 64px}
.test:before {content: url(support/PTS/tbrn2c08.png)
</style>
@ -13,5 +13,6 @@
<p>The test passes if, when moved inside the peach rectangle, the cursor looks like the reference image.</p>
<p class="test"> </p>
<p>RGB PNG image, with transparency (tRNS), 8 bit/pixel.
<p>RGB PNG image, with transparency (tRNS), 8 bit/pixel.
</p></body></html>

View file

@ -5,7 +5,7 @@
<meta content="interact" name="flags">
<meta content="Test checks that an RGB PNG image cursor with transparency is supported." name="assert">
<style>
.test{background: #ffe5b4; border: 2px solid #555;
.test{background: #ffe5b4; border: 2px solid #555;
cursor:url(support/PTS/tbbn2c16.png), help; width :128px; height: 64px}
.test:before {content: url(support/PTS/tbbn2c16.png)
</style>
@ -13,5 +13,6 @@
<p>The test passes if, when moved inside the peach rectangle, the cursor looks like the reference image.</p>
<p class="test"> </p>
<p>RGB PNG image, with transparency (tRNS), 16 bit/pixel.
<p>RGB PNG image, with transparency (tRNS), 16 bit/pixel.
</p></body></html>

View file

@ -5,7 +5,7 @@
<meta content="interact" name="flags">
<meta content="Test checks that an indexed PNG image cursor with transparency is supported." name="assert">
<style>
.test{background: #ffe5b4; border: 2px solid #555;
.test{background: #ffe5b4; border: 2px solid #555;
cursor:url(support/PTS/tbgn3p08.png), help; width :128px; height: 64px}
.test:before {content: url(support/PTS/tbgn3p08.png)
</style>
@ -13,5 +13,6 @@
<p>The test passes if, when moved inside the peach rectangle, the cursor looks like the reference image.</p>
<p class="test"> </p>
<p>indexed PNG image, with transparency (tRNS), 8 bit/pixel.
<p>indexed PNG image, with transparency (tRNS), 8 bit/pixel.
</p></body></html>

View file

@ -5,7 +5,7 @@
<meta content="interact" name="flags">
<meta content="Test checks that an indexed PNG image cursor with transparency is supported." name="assert">
<style>
.test{background: #ffe5b4; border: 2px solid #555;
.test{background: #ffe5b4; border: 2px solid #555;
cursor:url(support/PTS/tm3n3p02.png), help; width :128px; height: 64px}
.test:before {content: url(support/PTS/tm3n3p02.png)
</style>
@ -13,5 +13,6 @@
<p>The test passes if, when moved inside the peach rectangle, the cursor looks like the reference image.</p>
<p class="test"> </p>
<p>indexed PNG image, with multiple levels of transparency (tRNS), 8 bit/pixel.
<p>indexed PNG image, with multiple levels of transparency (tRNS), 8 bit/pixel.
</p></body></html>

View file

@ -5,9 +5,9 @@
<meta content="interact" name="flags">
<meta content="Test checks that gamma correction on PNG image cursor is correct." name="assert">
<style>
.test{background: #ffe5b4; border: 2px solid #555;
.test{background: #ffe5b4; border: 2px solid #555;
cursor:url(support/PTS/g04n0g16.png), help; width :128px; height: 224px; font-size: 32px; line-height:32px}
</style>
</head><body>
<p>The test passes if all the reference images look the same, AND when moved inside the peach rectangle, the cursor looks like the reference images (ignoring the small numeric values in each image).</p>
@ -20,4 +20,5 @@
<img src="PTS/g10n0g16.png"><br>
<img src="PTS/g25n0g16.png"><br> </p>
<p>Greyscale PNG images with various gamma values, 16 bit/pixel. Pixel values adjusted so that, when gamma corrected, the images look the same.
</p></body></html>

View file

@ -5,9 +5,9 @@
<meta content="interact" name="flags">
<meta content="Test checks that gamma correction on PNG image cursor is correct." name="assert">
<style>
.test{background: #ffe5b4; border: 2px solid #555;
.test{background: #ffe5b4; border: 2px solid #555;
cursor:url(support/PTS/g04n2c08.png), help; width :128px; height: 224px; font-size: 32px; line-height:32px}
</style>
</head><body>
<p>The test passes if all the reference images look the same, AND when moved inside the peach rectangle, the cursor looks like the reference images (ignoring the small numeric values in each image).</p>
@ -20,4 +20,5 @@
<img src="PTS/g10n2c08.png"><br>
<img src="PTS/g25n2c08.png"><br> </p>
<p>RGB PNG images with various gamma values, 8 bit/pixel. Pixel values adjusted so that, when gamma corrected, the images look the same.
</p></body></html>

View file

@ -5,9 +5,9 @@
<meta content="interact" name="flags">
<meta content="Test checks that gamma correction on PNG image cursor is correct." name="assert">
<style>
.test{background: #ffe5b4; border: 2px solid #555;
.test{background: #ffe5b4; border: 2px solid #555;
cursor:url(support/PTS/g04n3p04.png), help; width :128px; height: 224px; font-size: 32px; line-height:32px}
</style>
</head><body>
<p>The test passes if all the reference images look the same, AND when moved inside the peach rectangle, the cursor looks like the reference images (ignoring the small numeric values in each image).</p>
@ -20,4 +20,5 @@
<img src="PTS/g10n3p04.png"><br>
<img src="PTS/g25n3p04.png"><br> </p>
<p>Indexed PNG images with various gamma values, 4 bit/pixel. Pixel values adjusted so that, when gamma corrected, the images look the same.
</p></body></html>

View file

@ -5,7 +5,7 @@
<meta content="interact" name="flags">
<meta content="Test checks invalid PNG image cursor skipped, fallback used." name="assert">
<style>
.test{background: #ffe5b4; border: 2px solid #555;
.test{background: #ffe5b4; border: 2px solid #555;
cursor:url(support/PTS/xs2n0g01.png), help; width :128px; height: 64px}
</style>
</head><body>
@ -13,4 +13,5 @@
<p class="test"> </p>
<p>Invalid PNG image, signature bytes incorrect. Help cursor fallback.
</p></body></html>

View file

@ -5,7 +5,7 @@
<meta content="interact" name="flags">
<meta content="Test checks invalid PNG image cursor skipped, fallback used." name="assert">
<style>
.test{background: #ffe5b4; border: 2px solid #555;
.test{background: #ffe5b4; border: 2px solid #555;
cursor:url(support/PTS/xhdn0g08.png), help; width :128px; height: 64px}
</style>
</head><body>
@ -13,4 +13,5 @@
<p class="test"> </p>
<p>Invalid PNG image, incorrect header checksum. Help cursor fallback.
</p></body></html>

View file

@ -5,7 +5,7 @@
<meta content="interact" name="flags">
<meta content="Test checks invalid PNG image cursor skipped, fallback used." name="assert">
<style>
.test{background: #ffe5b4; border: 2px solid #555;
.test{background: #ffe5b4; border: 2px solid #555;
cursor:url(support/PTS/xdtn0g01.png), help; width :128px; height: 64px}
</style>
</head><body>
@ -13,4 +13,5 @@
<p class="test"> </p>
<p>Invalid PNG image, missing IDAT chunk. Help cursor fallback.
</p></body></html>

View file

@ -5,12 +5,12 @@
<link href="http://www.w3.org/TR/css3-ui/#outline-offset" rel="help">
<link href="reference/outline-offset.htm" rel="match">
<style type="text/css">
div
div
{
display:inline-block;
outline:2px solid red;
}
div span
div span
{
display:block;
width:180px;

View file

@ -3,8 +3,8 @@
<title>ttwf-reftest-outline-offset-ref</title>
<link href="mailto:kein119@naver.com" rel="author" title="jy-jeung">
<style type="text/css">
div
{
div
{
display:inline-block;
margin:10px;
width:180px;

View file

@ -1,25 +1,25 @@
PNGSUITE
----------------
testset for PNG-(de)coders
created by Willem van Schaik
------------------------------------
This is a collection of graphics images created to test the png applications
like viewers, converters and editors. All (as far as that is possible)
formats supported by the PNG standard are represented.
The suite consists of the following files:
- PngSuite.README - this file
- PngSuite.LICENSE - the PngSuite is freeware
- PngSuite.png - image with PngSuite logo
- PngSuite.tgz - archive of all PNG testfiles
- PngSuite.zip - same in .zip format for PCs
--------
(c) Willem van Schaik
willem@schaik.com
Calgary, April 2011
PNGSUITE
----------------
testset for PNG-(de)coders
created by Willem van Schaik
------------------------------------
This is a collection of graphics images created to test the png applications
like viewers, converters and editors. All (as far as that is possible)
formats supported by the PNG standard are represented.
The suite consists of the following files:
- PngSuite.README - this file
- PngSuite.LICENSE - the PngSuite is freeware
- PngSuite.png - image with PngSuite logo
- PngSuite.tgz - archive of all PNG testfiles
- PngSuite.zip - same in .zip format for PCs
--------
(c) Willem van Schaik
willem@schaik.com
Calgary, April 2011

View file

@ -3,8 +3,8 @@
<title>Woolly le Mouton</title>
<desc>
Woolly is a sheep, originally drawn by Coralie Mercier on 2 March 2000
and scanned and converted to SVG by Bert Bos, between 3 March 2000 and
Woolly is a sheep, originally drawn by Coralie Mercier on 2 March 2000
and scanned and converted to SVG by Bert Bos, between 3 March 2000 and
5 July 2000.
</desc>
@ -36,7 +36,7 @@ and scanned and converted to SVG by Bert Bos, between 3 March 2000 and
Attribution-NonCommercial-NoDerivs 3.0 Unported License. Please,
contact bert@w3.org or coralie@w3.org for licenses for other
usages.
</rdf:li>
<rdf:li xml:lang="zxx" rdf:resource="http://creativecommons.org/licenses/by-nc-nd/3.0/"/>
</rdf:Bag>

Before

Width:  |  Height:  |  Size: 46 KiB

After

Width:  |  Height:  |  Size: 46 KiB

Before After
Before After

View file

@ -3,8 +3,8 @@
<title>Woolly le Mouton</title>
<desc>
Woolly is a sheep, originally drawn by Coralie Mercier on 2 March 2000
and scanned and converted to SVG by Bert Bos, between 3 March 2000 and
Woolly is a sheep, originally drawn by Coralie Mercier on 2 March 2000
and scanned and converted to SVG by Bert Bos, between 3 March 2000 and
5 July 2000.
</desc>
@ -36,7 +36,7 @@ and scanned and converted to SVG by Bert Bos, between 3 March 2000 and
Attribution-NonCommercial-NoDerivs 3.0 Unported License. Please,
contact bert@w3.org or coralie@w3.org for licenses for other
usages.
</rdf:li>
<rdf:li xml:lang="zxx" rdf:resource="http://creativecommons.org/licenses/by-nc-nd/3.0/"/>
</rdf:Bag>

Before

Width:  |  Height:  |  Size: 46 KiB

After

Width:  |  Height:  |  Size: 46 KiB

Before After
Before After

View file

@ -1,25 +1,25 @@
PNGSUITE
----------------
testset for PNG-(de)coders
created by Willem van Schaik
------------------------------------
This is a collection of graphics images created to test the png applications
like viewers, converters and editors. All (as far as that is possible)
formats supported by the PNG standard are represented.
The suite consists of the following files:
- PngSuite.README - this file
- PngSuite.LICENSE - the PngSuite is freeware
- PngSuite.png - image with PngSuite logo
- PngSuite.tgz - archive of all PNG testfiles
- PngSuite.zip - same in .zip format for PCs
--------
(c) Willem van Schaik
willem@schaik.com
Calgary, April 2011
PNGSUITE
----------------
testset for PNG-(de)coders
created by Willem van Schaik
------------------------------------
This is a collection of graphics images created to test the png applications
like viewers, converters and editors. All (as far as that is possible)
formats supported by the PNG standard are represented.
The suite consists of the following files:
- PngSuite.README - this file
- PngSuite.LICENSE - the PngSuite is freeware
- PngSuite.png - image with PngSuite logo
- PngSuite.tgz - archive of all PNG testfiles
- PngSuite.zip - same in .zip format for PCs
--------
(c) Willem van Schaik
willem@schaik.com
Calgary, April 2011

View file

@ -3,8 +3,8 @@
<title>Woolly le Mouton</title>
<desc>
Woolly is a sheep, originally drawn by Coralie Mercier on 2 March 2000
and scanned and converted to SVG by Bert Bos, between 3 March 2000 and
Woolly is a sheep, originally drawn by Coralie Mercier on 2 March 2000
and scanned and converted to SVG by Bert Bos, between 3 March 2000 and
5 July 2000.
</desc>
@ -36,7 +36,7 @@ and scanned and converted to SVG by Bert Bos, between 3 March 2000 and
Attribution-NonCommercial-NoDerivs 3.0 Unported License. Please,
contact bert@w3.org or coralie@w3.org for licenses for other
usages.
</rdf:li>
<rdf:li xml:lang="zxx" rdf:resource="http://creativecommons.org/licenses/by-nc-nd/3.0/"/>
</rdf:Bag>

Before

Width:  |  Height:  |  Size: 46 KiB

After

Width:  |  Height:  |  Size: 46 KiB

Before After
Before After

View file

@ -3,8 +3,8 @@
<title>Woolly le Mouton</title>
<desc>
Woolly is a sheep, originally drawn by Coralie Mercier on 2 March 2000
and scanned and converted to SVG by Bert Bos, between 3 March 2000 and
Woolly is a sheep, originally drawn by Coralie Mercier on 2 March 2000
and scanned and converted to SVG by Bert Bos, between 3 March 2000 and
5 July 2000.
</desc>
@ -36,7 +36,7 @@ and scanned and converted to SVG by Bert Bos, between 3 March 2000 and
Attribution-NonCommercial-NoDerivs 3.0 Unported License. Please,
contact bert@w3.org or coralie@w3.org for licenses for other
usages.
</rdf:li>
<rdf:li xml:lang="zxx" rdf:resource="http://creativecommons.org/licenses/by-nc-nd/3.0/"/>
</rdf:Bag>

Before

Width:  |  Height:  |  Size: 46 KiB

After

Width:  |  Height:  |  Size: 46 KiB

Before After
Before After