Browse Source

Introduce minimal backgroundRepeat in CSS API

CSS_BASIC_PROPS
Shagen Ogandzhanian 3 years ago
parent
commit
276189243a
  1. 5
      web/core/src/jsMain/kotlin/androidx/compose/web/css/properties/background.kt
  2. 20
      web/core/src/jsTest/kotlin/css/CSSBackgroundTests.kt

5
web/core/src/jsMain/kotlin/androidx/compose/web/css/properties/background.kt

@ -27,3 +27,8 @@ fun StyleBuilder.backgroundImage(value: String) {
fun StyleBuilder.backgroundPosition(value: String) { fun StyleBuilder.backgroundPosition(value: String) {
property("background-position", value) property("background-position", value)
} }
// https://developer.mozilla.org/en-US/docs/Web/CSS/background-repeat
fun StyleBuilder.backgroundRepeat(value: String) {
property("background-repeat", value)
}

20
web/core/src/jsTest/kotlin/css/CSSBackgroundTests.kt

@ -7,10 +7,7 @@ package org.jetbrains.compose.web.core.tests.css
import kotlinx.browser.window import kotlinx.browser.window
import org.jetbrains.compose.web.core.tests.runTest import org.jetbrains.compose.web.core.tests.runTest
import org.jetbrains.compose.web.css.backgroundAttachment import org.jetbrains.compose.web.css.*
import org.jetbrains.compose.web.css.backgroundColor
import org.jetbrains.compose.web.css.backgroundImage
import org.jetbrains.compose.web.css.backgroundPosition
import org.jetbrains.compose.web.dom.Div import org.jetbrains.compose.web.dom.Div
import org.w3c.dom.HTMLElement import org.w3c.dom.HTMLElement
import org.w3c.dom.get import org.w3c.dom.get
@ -93,4 +90,19 @@ class CSSBackgroundTests {
assertEquals("50% 50%", window.getComputedStyle(root.children[2] as HTMLElement).backgroundPosition) assertEquals("50% 50%", window.getComputedStyle(root.children[2] as HTMLElement).backgroundPosition)
assertEquals("25% 75%", window.getComputedStyle(root.children[3] as HTMLElement).backgroundPosition) assertEquals("25% 75%", window.getComputedStyle(root.children[3] as HTMLElement).backgroundPosition)
} }
@Test
fun backgroudRepeat() = runTest {
composition {
Div({style {
backgroundRepeat("space repeat")
}})
Div({style {
backgroundRepeat("space repeat")
}})
}
assertEquals("space repeat", window.getComputedStyle(root.children[0] as HTMLElement).backgroundRepeat)
}
} }
Loading…
Cancel
Save