| OLD | NEW |
| (Empty) |
| 1 layer at (0,0) size 800x600 clip at (0,0) size 785x600 scrollHeight 1366 | |
| 2 LayoutView at (0,0) size 800x600 | |
| 3 layer at (0,0) size 785x1366 backgroundClip at (0,0) size 785x600 clip at (0,0)
size 785x600 | |
| 4 LayoutBlockFlow {HTML} at (0,0) size 785x1365.50 | |
| 5 LayoutBlockFlow {BODY} at (8,8) size 769x1336.06 | |
| 6 LayoutBlockFlow {H1} at (0,0) size 769x37 [color=#FF0000] | |
| 7 LayoutText {#text} at (0,0) size 527x36 | |
| 8 text run at (0,0) width 527: "This should be red: hsl(0, 100%, 50%)" | |
| 9 LayoutBlockFlow {H1} at (0,58.44) size 769x37 [color=#00FF00] | |
| 10 LayoutText {#text} at (0,0) size 589x36 | |
| 11 text run at (0,0) width 589: "This should be green: hsl(120, 100%, 50%
)" | |
| 12 LayoutBlockFlow {H1} at (0,116.88) size 769x37 [color=#00FFFF] | |
| 13 LayoutText {#text} at (0,0) size 581x36 | |
| 14 text run at (0,0) width 581: "This should be aqua: hsl(180, 100%, 50%)
" | |
| 15 LayoutBlockFlow {H1} at (0,175.31) size 769x37 [color=#0000FF] | |
| 16 LayoutText {#text} at (0,0) size 572x36 | |
| 17 text run at (0,0) width 572: "This should be blue: hsl(240, 100%, 50%)
" | |
| 18 LayoutBlockFlow {H1} at (0,233.75) size 769x37 [color=#7FFF7F] | |
| 19 LayoutText {#text} at (0,0) size 660x36 | |
| 20 text run at (0,0) width 660: "This should be light green: hsl(120, 100
%, 75%)" | |
| 21 LayoutBlockFlow {H1} at (0,292.19) size 769x37 [color=#007F00] | |
| 22 LayoutText {#text} at (0,0) size 662x36 | |
| 23 text run at (0,0) width 662: "This should be dark green: hsl(120, 100%
, 25%)" | |
| 24 LayoutBlockFlow {H1} at (0,350.63) size 769x37 [color=#3FBF3F] | |
| 25 LayoutText {#text} at (0,0) size 661x36 | |
| 26 text run at (0,0) width 661: "This should be pastel green: hsl(120, 50
%, 50%)" | |
| 27 LayoutBlockFlow (anonymous) at (0,409.06) size 769x40 | |
| 28 LayoutInline {B} at (0,0) size 139x19 | |
| 29 LayoutText {#text} at (0,0) size 139x19 | |
| 30 text run at (0,0) width 139: "Out of bounds cases:" | |
| 31 LayoutBR {BR} at (139,15) size 0x0 | |
| 32 LayoutText {#text} at (0,20) size 390x19 | |
| 33 text run at (0,20) width 390: "Check percentages larger than 100%, sho
uld be limited to 100%" | |
| 34 LayoutBlockFlow {H1} at (0,470.50) size 769x37 [color=#00FF00] | |
| 35 LayoutText {#text} at (0,0) size 589x36 | |
| 36 text run at (0,0) width 589: "This should be green: hsl(120, 100%, 50%
)" | |
| 37 LayoutBlockFlow {H1} at (0,528.94) size 769x37 [color=#00FF00] | |
| 38 LayoutText {#text} at (0,0) size 640x36 | |
| 39 text run at (0,0) width 640: "This should be green too: hsl(120, 200%,
50%)" | |
| 40 LayoutBlockFlow (anonymous) at (0,587.38) size 769x20 | |
| 41 LayoutText {#text} at (0,0) size 450x19 | |
| 42 text run at (0,0) width 450: "Check percentages less than 0% (negative
values), should be limited to 0%" | |
| 43 LayoutBlockFlow {H1} at (0,628.81) size 769x37 [color=#7F7F7F] | |
| 44 LayoutText {#text} at (0,0) size 540x36 | |
| 45 text run at (0,0) width 540: "This should be grey: hsl(120, 0%, 50%)" | |
| 46 LayoutBlockFlow {H1} at (0,687.25) size 769x37 [color=#7F7F7F] | |
| 47 LayoutText {#text} at (0,0) size 640x36 | |
| 48 text run at (0,0) width 640: "This should be grey, too: hsl(120, -100%
, 50%)" | |
| 49 LayoutBlockFlow (anonymous) at (0,745.69) size 769x40 | |
| 50 LayoutText {#text} at (0,0) size 738x39 | |
| 51 text run at (0,0) width 738: "Check Hue values that are larger than 36
0, should be normalized back to a value between 0 and 360. As Hue values are in" | |
| 52 text run at (0,20) width 416: "degrees, there is no maximum like perce
ntages, they are loop around." | |
| 53 LayoutBlockFlow {H1} at (0,807.13) size 769x37 [color=#007F00] | |
| 54 LayoutText {#text} at (0,0) size 662x36 | |
| 55 text run at (0,0) width 662: "This should be dark green: hsl(120, 100%
, 25%)" | |
| 56 LayoutBlockFlow {H1} at (0,865.56) size 769x37 [color=#007F00] | |
| 57 LayoutText {#text} at (0,0) size 721x36 | |
| 58 text run at (0,0) width 721: "This should be dark green, too: hsl(480,
100%, 25%)" | |
| 59 LayoutBlockFlow (anonymous) at (0,924) size 769x20 | |
| 60 LayoutText {#text} at (0,0) size 242x19 | |
| 61 text run at (0,0) width 242: "Check Hue values with a negative angle." | |
| 62 LayoutBlockFlow {H1} at (0,965.44) size 769x37 [color=#7FFF7F] | |
| 63 LayoutText {#text} at (0,0) size 660x36 | |
| 64 text run at (0,0) width 660: "This should be light green: hsl(120, 100
%, 75%)" | |
| 65 LayoutBlockFlow {H1} at (0,1023.88) size 769x37 [color=#7FFF7F] | |
| 66 LayoutText {#text} at (0,0) size 730x36 | |
| 67 text run at (0,0) width 730: "This should be light green, too: hsl(-24
0, 100%, 75%)" | |
| 68 LayoutBlockFlow {H1} at (0,1082.31) size 769x37 [color=#7FFF7F] | |
| 69 LayoutText {#text} at (0,0) size 730x36 | |
| 70 text run at (0,0) width 730: "This should be light green, too: hsl(-60
0, 100%, 75%)" | |
| 71 LayoutBlockFlow (anonymous) at (0,1140.75) size 769x20 | |
| 72 LayoutText {#text} at (0,0) size 276x19 | |
| 73 text run at (0,0) width 276: "Check Hues values with a floating point
angle." | |
| 74 LayoutBlockFlow {H1} at (0,1182.19) size 769x37 [color=#FF0000] | |
| 75 LayoutText {#text} at (0,0) size 551x36 | |
| 76 text run at (0,0) width 551: "This should be red: hsl(0.0, 100%, 50%)" | |
| 77 LayoutBlockFlow {H1} at (0,1240.63) size 769x37 [color=#00FF00] | |
| 78 LayoutText {#text} at (0,0) size 629x36 | |
| 79 text run at (0,0) width 629: "This should be green: hsl(120.00, 100%,
50%)" | |
| 80 LayoutBlockFlow {H1} at (0,1299.06) size 769x37 [color=#0000FF] | |
| 81 LayoutText {#text} at (0,0) size 628x36 | |
| 82 text run at (0,0) width 628: "This should be blue: hsl(240.000, 100%,
50%)" | |
| OLD | NEW |