Browse Source

Add test case for variable<StylePropertyNumber> in CSS API

pull/893/head
Shagen Ogandzhanian 3 years ago
parent
commit
1e8cbe8afd
  1. 8
      web/core/src/jsTest/kotlin/CSSStylesheetTests.kt

8
web/core/src/jsTest/kotlin/CSSStylesheetTests.kt

@ -19,6 +19,8 @@ object AppCSSVariables : CSSVariables {
val stringWidth by variable<StylePropertyString>() val stringWidth by variable<StylePropertyString>()
val stringHeight by variable<StylePropertyString>() val stringHeight by variable<StylePropertyString>()
val order by variable<StylePropertyNumber>()
} }
object AppStylesheet : StyleSheet() { object AppStylesheet : StyleSheet() {
@ -35,8 +37,10 @@ object AppStylesheet : StyleSheet() {
val classWithRawVariables by style { val classWithRawVariables by style {
AppCSSVariables.stringWidth("150px") AppCSSVariables.stringWidth("150px")
AppCSSVariables.stringHeight("170px") AppCSSVariables.stringHeight("170px")
AppCSSVariables.order(4)
property("width", AppCSSVariables.stringWidth.value()) property("width", AppCSSVariables.stringWidth.value())
property("height", AppCSSVariables.stringHeight.value()) property("height", AppCSSVariables.stringHeight.value())
property("order", AppCSSVariables.order.value())
} }
val classWithTypedVariables by style { val classWithTypedVariables by style {
@ -104,7 +108,9 @@ class CSSVariableTests {
}) })
} }
val boundingRect = (root.children[1] as HTMLElement).getBoundingClientRect() val el = root.children[1] as HTMLElement
val boundingRect = el.getBoundingClientRect()
assertEquals("4", window.getComputedStyle(el).order)
assertEquals(150.toDouble(), boundingRect.width) assertEquals(150.toDouble(), boundingRect.width)
assertEquals(170.toDouble(), boundingRect.height) assertEquals(170.toDouble(), boundingRect.height)
} }

Loading…
Cancel
Save