run k/wasm tests in resources library (#4031)

Co-authored-by: Oleksandr.Karpovich <oleksandr.karpovich@jetbrains.com>

components/resources/library/build.gradle.kts

@@ -36,10 +36,13 @@ kotlin {
     wasmJs {
         browser {
             testTask(Action {
-                // TODO: fix the test setup and enable
+                useKarma {
-                enabled = false
+                    useChromeHeadless()
+                    useConfigDirectory(project.projectDir.resolve("karma.config.d").resolve("wasm"))
+                }
             })
         }
+        binaries.executable()
     }
     macosX64()
     macosArm64()
@@ -105,7 +108,7 @@ kotlin {
             dependsOn(jvmAndAndroidTest)
             dependencies {
                 implementation(compose.desktop.currentOs)
-                implementation("org.jetbrains.compose.ui:ui-test-junit4:$composeVersion")
+                implementation(compose.desktop.uiTestJUnit4)
                 implementation(libs.kotlinx.coroutines.swing)
             }
         }
@@ -192,6 +195,11 @@ configureMavenPublication(
     name = "Resources for Compose JB"
 )
 
+// adding it here to make sure skiko is unpacked and available in web tests
+compose.experimental {
+    web.application {}
+}
+
 afterEvaluate {
     // TODO(o.k.): remove this after we refactor jsAndWasmMain source set in skiko to get rid of broken "common" js-interop
     tasks.configureEach {

components/resources/library/karma.config.d/wasm/config.js

@@ -0,0 +1,55 @@
+// see https://kotlinlang.org/docs/js-project-setup.html#webpack-configuration-file
+// This file provides karma.config.d configuration to run tests with k/wasm
+
+const path = require("path");
+
+config.browserConsoleLogOptions.level = "debug";
+
+const basePath = config.basePath;
+const projectPath = path.resolve(basePath, "..", "..", "..", "..");
+const generatedAssetsPath = path.resolve(projectPath, "build", "karma-webpack-out")
+
+const debug = message => console.log(`[karma-config] ${message}`);
+
+debug(`karma basePath: ${basePath}`);
+debug(`karma generatedAssetsPath: ${generatedAssetsPath}`);
+
+config.proxies["/"] = path.resolve(basePath, "kotlin");
+
+config.files = [
+    {pattern: path.resolve(generatedAssetsPath, "**/*"), included: false, served: true, watched: false},
+    {pattern: path.resolve(basePath, "kotlin", "**/*.png"), included: false, served: true, watched: false},
+    {pattern: path.resolve(basePath, "kotlin", "**/*.gif"), included: false, served: true, watched: false},
+    {pattern: path.resolve(basePath, "kotlin", "**/*.ttf"), included: false, served: true, watched: false},
+    {pattern: path.resolve(basePath, "kotlin", "**/*.txt"), included: false, served: true, watched: false},
+    {pattern: path.resolve(basePath, "kotlin", "**/*.json"), included: false, served: true, watched: false},
+    {pattern: path.resolve(basePath, "kotlin", "**/*.xml"), included: false, served: true, watched: false},
+].concat(config.files);
+
+function KarmaWebpackOutputFramework(config) {
+    // This controller is instantiated and set during the preprocessor phase.
+    const controller = config.__karmaWebpackController;
+
+    // only if webpack has instantiated its controller
+    if (!controller) {
+        console.warn(
+            "Webpack has not instantiated controller yet.\n" +
+            "Check if you have enabled webpack preprocessor and framework before this framework"
+        )
+        return
+    }
+
+    config.files.push({
+        pattern: `${controller.outputPath}/**/*`,
+        included: false,
+        served: true,
+        watched: false
+    })
+}
+
+const KarmaWebpackOutputPlugin = {
+    'framework:webpack-output': ['factory', KarmaWebpackOutputFramework],
+};
+
+config.plugins.push(KarmaWebpackOutputPlugin);
+config.frameworks.push("webpack-output");

components/resources/library/src/blockingTest/kotlin/org/jetbrains/compose/resources/TestUtils.blocking.kt

@@ -3,4 +3,10 @@ package org.jetbrains.compose.resources
 import kotlinx.coroutines.CoroutineScope
 import kotlinx.coroutines.runBlocking
 
-actual fun runBlockingTest(block: suspend CoroutineScope.() -> Unit) = runBlocking(block = block)
+
+actual typealias TestReturnType = Unit
+
+actual fun runBlockingTest(block: suspend CoroutineScope.() -> Unit): TestReturnType {
+    return runBlocking { block() }
+}
+

components/resources/library/src/commonTest/kotlin/org/jetbrains/compose/resources/TestUtils.kt

@@ -2,7 +2,9 @@ package org.jetbrains.compose.resources
 
 import kotlinx.coroutines.CoroutineScope
 
-expect fun runBlockingTest(block: suspend CoroutineScope.() -> Unit)
+expect class TestReturnType
+
+expect fun runBlockingTest(block: suspend CoroutineScope.() -> Unit): TestReturnType
 
 internal fun TestStringResource(key: String) = StringResource(
     "STRING:$key",

components/resources/library/src/jsTest/kotlin/org/jetbrains/compose/resources/TestUtils.js.kt

@@ -1,9 +1,7 @@
 package org.jetbrains.compose.resources
 
-import kotlinx.coroutines.CoroutineScope
+import kotlinx.coroutines.*
-import kotlinx.coroutines.DelicateCoroutinesApi
-import kotlinx.coroutines.GlobalScope
-import kotlinx.coroutines.promise
 
-@OptIn(DelicateCoroutinesApi::class)
+actual typealias TestReturnType = Any
-actual fun runBlockingTest(block: suspend CoroutineScope.() -> Unit): dynamic = GlobalScope.promise(block = block)
+actual fun runBlockingTest(block: suspend CoroutineScope.() -> Unit): TestReturnType =
+    TODO("Implement if necessary. We focus on k/wasm target for now")

components/resources/library/src/wasmJsTest/kotlin/org/jetbrains/compose/resources/TestUtils.wasmJs.kt

@@ -1,7 +1,17 @@
 package org.jetbrains.compose.resources
 
-import kotlinx.coroutines.CoroutineScope
+import kotlinx.coroutines.*
+import kotlinx.coroutines.test.runTest
 
-actual fun runBlockingTest(block: suspend CoroutineScope.() -> Unit) {
+@JsFun("() => ''")
-    TODO("To be implemented in PR 4031")
+private external fun jsRef(): JsAny
+
+
+actual typealias TestReturnType = Any
+/**
+ * Runs the [block] in a coroutine.
+ */
+actual fun runBlockingTest(block: suspend CoroutineScope.() -> Unit): TestReturnType = MainScope().promise {
+    block()
+    jsRef()
 }