|
|
@ -27,7 +27,7 @@ class CSSBoxTests { |
|
|
|
) |
|
|
|
) |
|
|
|
} |
|
|
|
} |
|
|
|
|
|
|
|
|
|
|
|
assertEquals("100px", (nextChild()).style.width) |
|
|
|
assertEquals("100px", nextChild().style.width) |
|
|
|
} |
|
|
|
} |
|
|
|
|
|
|
|
|
|
|
|
@Test |
|
|
|
@Test |
|
|
@ -42,7 +42,7 @@ class CSSBoxTests { |
|
|
|
) |
|
|
|
) |
|
|
|
} |
|
|
|
} |
|
|
|
|
|
|
|
|
|
|
|
assertEquals("90px", (nextChild()).style.height) |
|
|
|
assertEquals("90px", nextChild().style.height) |
|
|
|
} |
|
|
|
} |
|
|
|
|
|
|
|
|
|
|
|
@Test |
|
|
|
@Test |
|
|
@ -64,8 +64,8 @@ class CSSBoxTests { |
|
|
|
) |
|
|
|
) |
|
|
|
} |
|
|
|
} |
|
|
|
|
|
|
|
|
|
|
|
assertEquals("border-box", (nextChild()).style.boxSizing) |
|
|
|
assertEquals("border-box", nextChild().style.boxSizing) |
|
|
|
assertEquals("content-box", (nextChild()).style.boxSizing) |
|
|
|
assertEquals("content-box", nextChild().style.boxSizing) |
|
|
|
} |
|
|
|
} |
|
|
|
|
|
|
|
|
|
|
|
@Test |
|
|
|
@Test |
|
|
@ -108,10 +108,10 @@ class CSSBoxTests { |
|
|
|
) |
|
|
|
) |
|
|
|
} |
|
|
|
} |
|
|
|
|
|
|
|
|
|
|
|
assertEquals("thin", (nextChild()).style.outlineWidth) |
|
|
|
assertEquals("thin", nextChild().style.outlineWidth) |
|
|
|
assertEquals("medium", (nextChild()).style.outlineWidth) |
|
|
|
assertEquals("medium", nextChild().style.outlineWidth) |
|
|
|
assertEquals("thick", (nextChild()).style.outlineWidth) |
|
|
|
assertEquals("thick", nextChild().style.outlineWidth) |
|
|
|
assertEquals("8px", (nextChild()).style.outlineWidth) |
|
|
|
assertEquals("8px", nextChild().style.outlineWidth) |
|
|
|
assertEquals("0.1em", (root.children[4] as HTMLElement).style.outlineWidth) |
|
|
|
assertEquals("0.1em", (root.children[4] as HTMLElement).style.outlineWidth) |
|
|
|
} |
|
|
|
} |
|
|
|
|
|
|
|
|
|
|
@ -130,8 +130,8 @@ class CSSBoxTests { |
|
|
|
}) |
|
|
|
}) |
|
|
|
} |
|
|
|
} |
|
|
|
|
|
|
|
|
|
|
|
assertEquals("red", (nextChild()).style.outlineColor) |
|
|
|
assertEquals("red", nextChild().style.outlineColor) |
|
|
|
assertEquals("rgb(50, 161, 206)", (nextChild()).style.outlineColor) |
|
|
|
assertEquals("rgb(50, 161, 206)", nextChild().style.outlineColor) |
|
|
|
} |
|
|
|
} |
|
|
|
|
|
|
|
|
|
|
|
@Test |
|
|
|
@Test |
|
|
@ -147,14 +147,14 @@ class CSSBoxTests { |
|
|
|
Div({ style { outlineStyle("inset") } }) |
|
|
|
Div({ style { outlineStyle("inset") } }) |
|
|
|
} |
|
|
|
} |
|
|
|
|
|
|
|
|
|
|
|
assertEquals("dotted", (nextChild()).style.outlineStyle) |
|
|
|
assertEquals("dotted", nextChild().style.outlineStyle) |
|
|
|
assertEquals("dashed", (nextChild()).style.outlineStyle) |
|
|
|
assertEquals("dashed", nextChild().style.outlineStyle) |
|
|
|
assertEquals("solid", (nextChild()).style.outlineStyle) |
|
|
|
assertEquals("solid", nextChild().style.outlineStyle) |
|
|
|
assertEquals("double", (nextChild()).style.outlineStyle) |
|
|
|
assertEquals("double", nextChild().style.outlineStyle) |
|
|
|
assertEquals("groove", (root.children[4] as HTMLElement).style.outlineStyle) |
|
|
|
assertEquals("groove", nextChild().style.outlineStyle) |
|
|
|
assertEquals("ridge", (root.children[5] as HTMLElement).style.outlineStyle) |
|
|
|
assertEquals("ridge", nextChild().style.outlineStyle) |
|
|
|
assertEquals("outset", (root.children[6] as HTMLElement).style.outlineStyle) |
|
|
|
assertEquals("outset", nextChild().style.outlineStyle) |
|
|
|
assertEquals("inset", (root.children[7] as HTMLElement).style.outlineStyle) |
|
|
|
assertEquals("inset", nextChild().style.outlineStyle) |
|
|
|
} |
|
|
|
} |
|
|
|
|
|
|
|
|
|
|
|
@Test |
|
|
|
@Test |
|
|
@ -163,7 +163,7 @@ class CSSBoxTests { |
|
|
|
Div({ style { outline("dotted") } }) |
|
|
|
Div({ style { outline("dotted") } }) |
|
|
|
} |
|
|
|
} |
|
|
|
|
|
|
|
|
|
|
|
assertEquals("dotted", (nextChild()).style.outlineStyle) |
|
|
|
assertEquals("dotted", nextChild().style.outlineStyle) |
|
|
|
} |
|
|
|
} |
|
|
|
|
|
|
|
|
|
|
|
@Test |
|
|
|
@Test |
|
|
@ -174,17 +174,17 @@ class CSSBoxTests { |
|
|
|
Div({ style { outline("ridge", 3.px) } }) |
|
|
|
Div({ style { outline("ridge", 3.px) } }) |
|
|
|
} |
|
|
|
} |
|
|
|
|
|
|
|
|
|
|
|
(nextChild()).let { |
|
|
|
nextChild().let { |
|
|
|
assertEquals("rgb(255, 102, 102)", it.style.outlineColor) |
|
|
|
assertEquals("rgb(255, 102, 102)", it.style.outlineColor) |
|
|
|
assertEquals("dashed", it.style.outlineStyle) |
|
|
|
assertEquals("dashed", it.style.outlineStyle) |
|
|
|
} |
|
|
|
} |
|
|
|
|
|
|
|
|
|
|
|
(nextChild()).let { |
|
|
|
nextChild().let { |
|
|
|
assertEquals("inset", it.style.outlineStyle) |
|
|
|
assertEquals("inset", it.style.outlineStyle) |
|
|
|
assertEquals("thick", it.style.outlineWidth) |
|
|
|
assertEquals("thick", it.style.outlineWidth) |
|
|
|
} |
|
|
|
} |
|
|
|
|
|
|
|
|
|
|
|
(nextChild()).let { |
|
|
|
nextChild().let { |
|
|
|
assertEquals("ridge", it.style.outlineStyle) |
|
|
|
assertEquals("ridge", it.style.outlineStyle) |
|
|
|
assertEquals("3px", it.style.outlineWidth) |
|
|
|
assertEquals("3px", it.style.outlineWidth) |
|
|
|
} |
|
|
|
} |
|
|
@ -199,10 +199,10 @@ class CSSBoxTests { |
|
|
|
Div({ style { outline("yellow", "inset", 8.px) } }) |
|
|
|
Div({ style { outline("yellow", "inset", 8.px) } }) |
|
|
|
} |
|
|
|
} |
|
|
|
|
|
|
|
|
|
|
|
assertEquals("rgb(0, 20, 100) dashed thick", (nextChild()).style.outline) |
|
|
|
assertEquals("rgb(0, 20, 100) dashed thick", nextChild().style.outline) |
|
|
|
assertEquals("rgb(0, 100, 20) double 4px", (nextChild()).style.outline) |
|
|
|
assertEquals("rgb(0, 100, 20) double 4px", nextChild().style.outline) |
|
|
|
assertEquals("red outset thin", (nextChild()).style.outline) |
|
|
|
assertEquals("red outset thin", nextChild().style.outline) |
|
|
|
assertEquals("yellow inset 8px", (nextChild()).style.outline) |
|
|
|
assertEquals("yellow inset 8px", nextChild().style.outline) |
|
|
|
} |
|
|
|
} |
|
|
|
|
|
|
|
|
|
|
|
@Test |
|
|
|
@Test |
|
|
@ -214,10 +214,10 @@ class CSSBoxTests { |
|
|
|
Div({ style { minWidth("min-content") } }) |
|
|
|
Div({ style { minWidth("min-content") } }) |
|
|
|
} |
|
|
|
} |
|
|
|
|
|
|
|
|
|
|
|
assertEquals("3.5em", (nextChild()).style.minWidth) |
|
|
|
assertEquals("3.5em", nextChild().style.minWidth) |
|
|
|
assertEquals("75%", (nextChild()).style.minWidth) |
|
|
|
assertEquals("75%", nextChild().style.minWidth) |
|
|
|
assertEquals("max-content", (nextChild()).style.minWidth) |
|
|
|
assertEquals("max-content", nextChild().style.minWidth) |
|
|
|
assertEquals("min-content", (nextChild()).style.minWidth) |
|
|
|
assertEquals("min-content", nextChild().style.minWidth) |
|
|
|
} |
|
|
|
} |
|
|
|
|
|
|
|
|
|
|
|
@Test |
|
|
|
@Test |
|
|
@ -229,10 +229,10 @@ class CSSBoxTests { |
|
|
|
Div({ style { maxWidth("min-content") } }) |
|
|
|
Div({ style { maxWidth("min-content") } }) |
|
|
|
} |
|
|
|
} |
|
|
|
|
|
|
|
|
|
|
|
assertEquals("0.5em", (nextChild()).style.maxWidth) |
|
|
|
assertEquals("0.5em", nextChild().style.maxWidth) |
|
|
|
assertEquals("10%", (nextChild()).style.maxWidth) |
|
|
|
assertEquals("10%", nextChild().style.maxWidth) |
|
|
|
assertEquals("max-content", (nextChild()).style.maxWidth) |
|
|
|
assertEquals("max-content", nextChild().style.maxWidth) |
|
|
|
assertEquals("min-content", (nextChild()).style.maxWidth) |
|
|
|
assertEquals("min-content", nextChild().style.maxWidth) |
|
|
|
} |
|
|
|
} |
|
|
|
|
|
|
|
|
|
|
|
@Test |
|
|
|
@Test |
|
|
@ -244,10 +244,10 @@ class CSSBoxTests { |
|
|
|
Div({ style { minHeight("min-content") } }) |
|
|
|
Div({ style { minHeight("min-content") } }) |
|
|
|
} |
|
|
|
} |
|
|
|
|
|
|
|
|
|
|
|
assertEquals("5px", (nextChild()).style.minHeight) |
|
|
|
assertEquals("5px", nextChild().style.minHeight) |
|
|
|
assertEquals("25%", (nextChild()).style.minHeight) |
|
|
|
assertEquals("25%", nextChild().style.minHeight) |
|
|
|
assertEquals("max-content", (nextChild()).style.minHeight) |
|
|
|
assertEquals("max-content", nextChild().style.minHeight) |
|
|
|
assertEquals("min-content", (nextChild()).style.minHeight) |
|
|
|
assertEquals("min-content", nextChild().style.minHeight) |
|
|
|
} |
|
|
|
} |
|
|
|
|
|
|
|
|
|
|
|
@Test |
|
|
|
@Test |
|
|
@ -259,9 +259,9 @@ class CSSBoxTests { |
|
|
|
Div({ style { maxHeight("min-content") } }) |
|
|
|
Div({ style { maxHeight("min-content") } }) |
|
|
|
} |
|
|
|
} |
|
|
|
|
|
|
|
|
|
|
|
assertEquals("15px", (nextChild()).style.maxHeight) |
|
|
|
assertEquals("15px", nextChild().style.maxHeight) |
|
|
|
assertEquals("35%", (nextChild()).style.maxHeight) |
|
|
|
assertEquals("35%", nextChild().style.maxHeight) |
|
|
|
assertEquals("max-content", (nextChild()).style.maxHeight) |
|
|
|
assertEquals("max-content", nextChild().style.maxHeight) |
|
|
|
assertEquals("min-content", (nextChild()).style.maxHeight) |
|
|
|
assertEquals("min-content", nextChild().style.maxHeight) |
|
|
|
} |
|
|
|
} |
|
|
|
} |
|
|
|
} |
|
|
|