jlengrand/compose-multiplatform
1
0
Fork 0
mirror of https://github.com/jlengrand/compose-multiplatform.git synced 2026-05-08 15:51:08 +00:00
Code Issues Packages Projects Releases Wiki Activity

Core with Frefox tests enabled (#1563)

Browse Source
This commit is contained in:
Shagen Ogandzhanian
2021-12-08 12:45:46 +01:00
committed by GitHub
parent c40f1b645b
commit 90cb181a71
2 changed files with 20 additions and 40 deletions
Download Patch File Download Diff File Expand all files Collapse all files

2
web/core/build.gradle.kts
View File

@@ -12,7 +12,7 @@ kotlin {
useKarma {
useConfigDirectory("${rootProject.projectDir}/test-utils/conf/karma.config.common.d")
useChromeHeadless()
//useFirefox()
useFirefox()
}
}
}

58
web/core/src/jsTest/kotlin/css/AnimationTests.kt
View File

@@ -8,12 +8,12 @@ import org.jetbrains.compose.web.ExperimentalComposeWebApi
import org.jetbrains.compose.web.testutils.*
import org.jetbrains.compose.web.css.*
import org.jetbrains.compose.web.dom.stringPresentation
import org.w3c.dom.HTMLElement
import org.w3c.dom.HTMLStyleElement
import org.w3c.dom.css.CSSStyleSheet
import org.w3c.dom.get
import kotlin.test.Test
import kotlin.test.assertContains
import kotlin.test.assertContentEquals
import kotlin.test.assertEquals
object AnimationsStyleSheet : StyleSheet() {
val bounce by keyframes {
@@ -39,30 +39,15 @@ object AnimationsStyleSheet : StyleSheet() {
class AnimationTests {
@Test
fun animationClassGenerated() = runTest {
val generatedRules = AnimationsStyleSheet.cssRules.map { it.stringPresentation() }
val generatedRules = AnimationsStyleSheet.cssRules.map { it.stringPresentation(indent = " ", delimiter = "") }
assertContains(
generatedRules,
"""
@keyframes AnimationsStyleSheet-bounce {
from {
transform: translateX(50%);
}
to {
transform: translateX(-50%);
}
}
""".trimIndent(),
"Animation keyframes wasn't generated correctly"
)
assertContains(
generatedRules,
"""
.AnimationsStyleSheet-animationClass {
animation: AnimationsStyleSheet-bounce 2s ease-in alternate;
}
""".trimIndent(),
"Animation class wasn't generated correctly"
assertContentEquals(
listOf(
"@keyframes AnimationsStyleSheet-bounce { from { transform: translateX(50%); } to { transform: translateX(-50%); }}",
".AnimationsStyleSheet-animationClass { animation: AnimationsStyleSheet-bounce 2s ease-in alternate;}"
),
generatedRules
)
}
@@ -75,24 +60,19 @@ class AnimationTests {
val el = root.children[0] as HTMLStyleElement
val cssRules = (el.sheet as? CSSStyleSheet)?.cssRules
val rules = (0 until (cssRules?.length ?: 0)).map {
cssRules?.item(it)?.cssText ?: ""
cssRules?.item(it)?.cssText?.replace("\n", "") ?: ""
}
assertContains(
rules,
"""
@keyframes AnimationsStyleSheet-bounce {
0% { transform: translateX(50%); }
100% { transform: translateX(-50%); }
}
""".trimIndent(),
// TODO: we need to come up with test that not relying on any kind of formatting
assertEquals(
"@keyframes AnimationsStyleSheet-bounce {0% { transform: translateX(50%); }100% { transform: translateX(-50%); }}",
rules[0].replace(" 0%", "0%").replace(" 100%", "100%"),
"Animation keyframes wasn't injected correctly"
)
assertContains(
rules,
"""
.AnimationsStyleSheet-animationClass { animation: 2s ease-in 0s 1 alternate none running AnimationsStyleSheet-bounce; }
""".trimIndent(),
assertEquals(
".AnimationsStyleSheet-animationClass { animation: 2s ease-in 0s 1 alternate none running AnimationsStyleSheet-bounce; }".trimIndent(),
rules[1],
"Animation class wasn't injected correctly"
)
}