如何使用 kotlin JS 测试 UI?(例如，页面上有一个元素)

Question

我想测试用kotlin js编写的js项目。
例如，测试，单击btn后添加了哪些元素。
我该怎么做？

如

@Test
fun myTest() {
when{
window.onLoad().await()
window.getElementById("#myBtn").click()
}
then {
window.hasElementById("#myElement")
}
}

这里可能需要无头浏览器？但是找不到带有 kotlin 的例子

Answer 1

编写代码的语言和编写此特定代码的语言集成和功能测试是两种不同的野兽，这两种语言不一定应该是相同的。然而，通常使用相同的语言进行测试仍然更方便，因为它使某些方面的生活更轻松。

从我从您提供的代码中看到的想法是测试 Web 应用程序。你有很多选择，但我会停在两个：

硒

是最知名和最成熟的 QA 测试框架之一。Selenium一直支持用Java编写的测试。也就是说，在 Kotlin 中编写硒测试实际上非常简单易行。如果您决定朝这个方向前进，这里有一篇文章可能会对您有所帮助。

重要的是要理解，在这种情况下，为了重用来自 Kotlin/JS 的代码，您很可能必须使其成为多平台代码(因为 Selenium Kotlin 代码将是 JVM 代码(。然而，通常很容易分离可由测试重用的代码 - 很可能是资源，配置等。

木偶

是我们在javascript中为Web应用程序编写集成测试的少数选项之一。好吧，严格来说，它实际上是一个用于在Chrome中测试代码的测试框架。你可以找到很多用js编写的Puppetteer测试的例子，如果你选择用Kotlin编写，你只需要引入额外的步骤来编译用Kotlin编写的测试到javascript——就像你正确"常规"Kotlin/JS代码时所做的那样。