RichInStyle.com test suite revision history

March 7th, 2000

Initial public release

March 8th, 2000

Escapes test corrected (credit is due to David Baron for this one).

March 22nd, 2000

General improvements and amendments

Large cosmetic style sheets removed and replaced with a <1k test-suite-specific style sheet
Frameset navigation implemented - if frames are used, the navigational tables hide themselves and the margins are made smaller - either option can be used.
Removed inline style from images, which destroys pages in Netscape 4, in favor of classes.
Fixed the color scheme in the navigational tables - they were previously the default link color on black because the markup had not been updated to match the style sheet.
Migration to strict DTD.
Changed content: <string> (although the test in question is essentially a test of whether :before is 'before' or 'as first child') test to reflect to my change of mind about what the spec means.
Changed phraseology of many tests to make it quicker to see the correct result.
Added explanations of tests that were unexplained and for which the reasoning was not obvious to the casual observer.
Most tests now fit into one viewport height at 800 * 600.
Each test in the first 3 sections, and in many of the other sections, is now numbered for referencing purposes.
Added height to background-attachment on DIV with overflow: scroll test to ensure scrolling.
Changed image on several tests to make the text easier to read.
Made source code considerably easier to read.
Reduced size of tests.
Tests removed from font-weight and font-style test that were duplicated in the origin sort.
Improved absolute containing block test - added z-index: -1.
Overflow tests changed to DIVs, except for the P vs. DIV test, in order to better flag bugginess in IE 4.
Added the following text to test 5 of the float/non-float interaction tests, which was previously unintelligible:
Here's the code:
<table cellpadding=0 cellspacing=0>
<tr valign=top>
<td width=200 style="padding: 0">
<div style="font-size: 22px; line-height: 22px; text-align: right">
<img src="green.gif" vspace=0 width="200" height="52" style="float: left"> <span style="background: red">This text</span> </div>
<td>
<div style="font-size: 22px; padding-top: 66px; line-height: 22px">
<span style="background: yellow">This </div>
</table>
The reasoning is that the image is floated. This takes it out of the line box. However, it should be aligned with the top of the line box from which it was displaced. That line box also contains the text. Since the table cell is the same width as the image, there is no room in the first line box for the text to flow along side of it, and so the text is moved down to the next line box. Equally in the second box, there is no room for the text, so it is moved down again. It is now 44 pixels down. Again, there is no room next to the image since the image is 52 pixels high, so a third line box is created. This is 66 pixels down. As a result, in the next table cell a top padding of 66 pixels is required to align the yellow text with the red text.
And this to test 6:
The code here is the same as before with the exception that the element now has a top padding of 52 pixels, which is what browsers are likely to do with the content - place it below the image. This is incorrect because of the case where some text can fit and some cannot - in this case the text should flow like this:
```
+----+-+
|IMG |x| Line box 1
|    |-+
+----+x| Line box 2
+----+-+ 
|xxxxxx| Line box 3
+------+
```
rather than like this:
```
+----+-+
|IMG |x| Line box 1
|    |-+
+----+x| Line box 2
|xxxx+-+ 
+------+ Line box 3
```
and the case where the text does this immediately is no different.
Similarly added the source code to the 'clear' tests.

New tests

Additional tests added to list item styling test to further test the vertical alignment of markers.
Added 'move' to cursor tests.
More tests added to absolute positioning tests.
Added additional test to height test to further test the ignoring of % heights.
Added negative padding ignore to padding test.
Added further tests to line-height test to test 'normal' and to test negative values and the ignoring thereof.
Added more BODY/HTML overflow, clipping, height, width and margins tests.
Added (invalidity of) bold30px parsing test to 'font' shorthand test.
Added test to text-decoration test to test the interaction between tables, text-decoration and vertical-align (this might sound crazy, but Opera 3.6 chokes on it (depending on whether the text-decoration is applied inline or on the TD)).
Added block-level element sets minimum height of inline box tests.
Added font-size: 1em and 100% on fonts that default to monospace test to em and to percentage tests (MSIE fails).
Added negative margins in tables test (i.e., table overflow - does the UA render the content?).
Added containing block end around run-in element test to run-in test.
Added run-in/float, run-in/absolutely positioned, run-in/anonymous block box interaction tests to run-in test.
Added ineffectualness of BODY {list-style: any} test.
Added height: on replaced elements test.
Added 'box model results in negative calculated value for 'width'' test.
Added position vs. display vs. float test.
Added background-position on alt text image placeholder test.
Added column percentage width test.
Added element positioned below bottom of viewport test.
Split disabling of style sheets test into separate page and it expanded it to test four key disabling tests.
Added invalidity of @import media truncation test.
Added test to inheritance test.
Added spanning DIV with non-black color to invalid colors test to test that reversion is to the inherited rather than the initial value.
Added color: valid; color: invalid declaration to invalid colors test reversion to the previous value.
Added tests to em and percentage tests.
Added P:first-letter.this-should-be-ignored, .this-should-not-be-ignored test.
Added test that :first-line selects the content in the first line rather than the first line itself.
Added 'media attribute is CDATA' test.
Added LI display: inline and block tests.
Added extra test to display: compact.
Added test that 'file' and "file" (e.g., background: 'back.jpg) are not valid values of the background property.

Corrections made

Corrected error in order of pseudo-element test - it must be the last thing in the simple selector (credit is due to David Baron for this one).
Corrected error in 'font' shorthand test, which incorrectly stated that font: 12px / 16px was invalid (credit is due to David Baron for this one).
Added width: 0 to width: 0 test (removed during browser testing).
Added the missing background declaration to the first of the 51 form background tests.
Closed previously unclosed SPAN on inline non-replaced padding test.
Missing style sheets for absolute URL tests uploaded.
Corrected URL test - one of the tests was incorrectly located.
Fixed error in float/non-float interaction test - Case 4's CSS did not match the explanation.
Fixed error in overflow tests - overflow does not occur in the case of a negative margin, since it will (usually) collapse with the containing block, and as such is not a part of said containing block.
Changed color; red to color: red in 'inherit' test.
Added missing position: absolute declaration to absolutely positioned widths test.
Fixed 2 tests that had lost their STYLE elements in an update, which made the tests completely useless.
Added missing height: 100px to :after and :before tests.
Removed declaration from global style sheet that was causing one of the inheritance tests to always report a fail.
Added 3 missing display: compact declarations to compact tests.
Added counter() around several counters tests.
Corrected assumption of lenient error recovery in @import test - one of the tests that the browser was correctly ignoring invalid @import could not be parsed under the CSS grammar, which was causing the test to incorrectly report that Mozilla did not support spaces between url() and ;.
Added line-height: 0 to the DIV of
<div style="margin: 100px 0">
<span style="line-height: 5px; font-size: 205px">gggg</span><span style="font-size: 205px; line-height: 205px">AAAA</span>
</div>
test to avoid the DIV setting the minimum height of the first SPAN to greater than 5 pixels, and to the similar BR test:
<div style="margin: 100px 0">
<span style="line-height: 5px; font-size: 205px"> gggg</span><br> <span style="font-size: 205px; line-height: 205px">AAAA</span>
</div>

March 2000

Fixed, thanks to feedback from Ian Hickson, two of the text-decoration tests that used 'class' instead of style (a hangover from the migration to style from class in a revision of the test).

April 13th 2000

Added tests to word-spacing test to check that the browser checks 'outside' the element to see whether it is a word or not to apply word-spacing.

April 16th 2000

Added test that /* \*/ color: red does not result in red.

April 28th 2000

Added missing image to root of domain to make absolute URI test correct.

May 17th 2000

Removed two tests that were invalid because UAs are permitted to ignore leading or trailing whitespace in CDATA attribute values (HTML 6.2):
title="doggo " [title=doggo ]
title="dog " [title="dog "]

Added these four tests of functions in selectors - each declaration block should be ignored:
:h(9), .x1 {color: red}
.x2, :h(9) {color: red}
:h("hello"), .x3 {color: red}
.x4, :h("hello") {color: red}

June 22nd 2000

Corrected test that incorrectly stated that height: 100% should be ignored with an unset containing block height; in fact, it should be treated as 'auto'.

Back

To go back to the previous page, click here.