diff --git a/web/core/src/jsTest/kotlin/DomSideEffectTests.kt b/web/core/src/jsTest/kotlin/DomSideEffectTests.kt
index 5c2b69bbfb..27b47920bc 100644
--- a/web/core/src/jsTest/kotlin/DomSideEffectTests.kt
+++ b/web/core/src/jsTest/kotlin/DomSideEffectTests.kt
@@ -12,12 +12,8 @@ import kotlin.test.assertEquals
class DomSideEffectTests {
@Test
- fun canCreateElementsInDomSideEffect() {
- val root = "div".asHtmlElement()
-
- renderComposable(
- root = root
- ) {
+ fun canCreateElementsInDomSideEffect() = runTest {
+ composition {
Div {
DomSideEffect {
it.appendChild(
@@ -28,6 +24,7 @@ class DomSideEffectTests {
}
}
}
+
assertEquals(
expected = "
",
actual = root.outerHTML
diff --git a/web/core/src/jsTest/kotlin/elements/InputsGenerateCorrectHtmlTests.kt b/web/core/src/jsTest/kotlin/elements/InputsGenerateCorrectHtmlTests.kt
index f9ab963eda..79595b1d01 100644
--- a/web/core/src/jsTest/kotlin/elements/InputsGenerateCorrectHtmlTests.kt
+++ b/web/core/src/jsTest/kotlin/elements/InputsGenerateCorrectHtmlTests.kt
@@ -505,10 +505,8 @@ class InputsGenerateCorrectHtmlTests {
}
@Test
- fun textAreaWithDefaultValueAndWithoutIt() {
- val root = "div".asHtmlElement()
-
- renderComposable(root = root) {
+ fun textAreaWithDefaultValueAndWithoutIt() = runTest {
+ composition {
TextArea()
TextArea {
defaultValue("not-empty-default-value")
diff --git a/web/widgets/src/jsTest/ModifierTests.kt b/web/widgets/src/jsTest/ModifierTests.kt
index 6f87744c94..38be188bd5 100644
--- a/web/widgets/src/jsTest/ModifierTests.kt
+++ b/web/widgets/src/jsTest/ModifierTests.kt
@@ -12,36 +12,24 @@ import kotlin.test.assertTrue
class ModifierTests {
@Test
- fun backgroundModifier() {
- val root = "div".asHtmlElement()
- renderComposable(
- root = root
- ) {
+ fun backgroundModifier() = runTest {
+ {
Box(
Modifier.background(Color(255, 0, 0))
) { }
}
- val el = root.firstChild
- assertTrue(el is HTMLElement, "element not found")
-
- assertEquals("background-color: rgb(255, 0, 0);", el.style.cssText)
+ assertEquals("background-color: rgb(255, 0, 0);", nextChild().style.cssText)
}
@Test
- fun size() {
- val root = "div".asHtmlElement()
- renderComposable(
- root = root
- ) {
+ fun size() = runTest {
+ composition {
Box(
Modifier.size(40.dp)
) { }
}
- val el = root.firstChild
- assertTrue(el is HTMLElement, "element not found")
-
- assertEquals("width: 40px; height: 40px;", el.style.cssText)
+ assertEquals("width: 40px; height: 40px;", nextChild().style.cssText)
}
}