js tests

Author: amanshuraikwar

.github/workflows/shared-tests-js-browser.yml

@@ -0,0 +1,24 @@
+name: Tests :shared JS Browser
+
+on:
+  workflow_dispatch:
+  pull_request:
+    branches:
+      - trunk
+
+jobs:
+  web-build-html-js:
+    runs-on: macos-11
+    steps:
+      - name: Checkout
+        uses: actions/checkout@v2.3.1
+        
+      - name: Set up JDK 11
+        uses: actions/setup-java@v1
+        with:
+          java-version: 11
+          
+      - name: Tests :shared
+        run: |
+          cd project-files/Portfolio
+          ./gradlew :shared:cleanJsBrowserTest :shared:jsBrowserTest --stacktrace

README.md

@@ -7,6 +7,8 @@
 ![](https://github.com/amanshuraikwar/amanshuraikwar.github.io/actions/workflows/build-web-html-js.yml/badge.svg)
        
 <a href="https://amanshuraikwar.github.io/tests/shared/android-jvm/">![](https://github.com/amanshuraikwar/amanshuraikwar.github.io/actions/workflows/shared-tests-android-jvm.yml/badge.svg)</a>
+&nbsp; &nbsp; &nbsp; &nbsp;
+<a href="https://amanshuraikwar.github.io/tests/shared/js-browser/">![](https://github.com/amanshuraikwar/amanshuraikwar.github.io/actions/workflows/shared-tests-js-browser.yml/badge.svg)</a>
 
 </p>
 

project-files/Portfolio/buildWebsite.kts

@@ -51,17 +51,25 @@ File(".") exec "cp -R build/home/ build/"
 println("Deleting build/home...")
 File(".") exec "rm -rf build/home"
 
-println("Running theme data tests in :shared for Android/JVM target...")
-File(".") exec "./gradlew :shared:cleanTestDebugUnitTest :shared:testDebugUnitTest"
 println("Creating directory build/tests...")
 File(".") exec "mkdir build/tests"
 println("Creating directory build/tests/shared...")
 File(".") exec "mkdir build/tests/shared"
+
+println("Running theme data tests in :shared for Android/JVM target...")
+File(".") exec "./gradlew :shared:cleanTestDebugUnitTest :shared:testDebugUnitTest"
 println("Creating directory build/tests/shared/android-jvm...")
 File(".") exec "mkdir build/tests/shared/android-jvm"
 println("Copying contents from shared/build/reports/tests/testDebugUnitTest/ to build/tests/shared/android-jvm/...")
 File(".") exec "cp -R shared/build/reports/tests/testDebugUnitTest/ build/tests/shared/android-jvm/"
 
+println("Running theme data tests in :shared for Js Browser...")
+File(".") exec "./gradlew :shared:cleanJsBrowserTest :shared:jsBrowserTest --stacktrace"
+println("Creating directory build/tests/shared/js-browser...")
+File(".") exec "mkdir build/tests/shared/js-browser"
+println("Copying contents from shared/build/reports/tests/jsBrowserTest/ to build/tests/shared/js-browser/...")
+File(".") exec "cp -R shared/build/reports/tests/jsBrowserTest/ build/tests/shared/js-browser/"
+
 data class BlogListEntry(
     val title: String,
     val date: String,

project-files/Portfolio/shared/src/commonMain/kotlin/io/github/amanshuraikwar/portfolio/BlogListDataStore.kt

@@ -6,6 +6,12 @@ class BlogListDataStore {
 
 	fun getBlogListData(): List<BlogListDataItem> {
 		return listOf(
+            BlogListDataItem(
+                title = "My Portfolio",
+                date = "December 25, 2021",
+                firstParagraph = "This is my portfolio. It is a KMM project which runs on Web, Android, iOS. The business logic is written in Kotlin. The Web app is written in Kotlin, built using Jetpack Compose for Web. The Android app is written in Kotlin, built using Jetpack Compose. The iOS app UI is written in Swift, built using Swift UI and it uses the KMM shared module for business logic.",
+                link = "https://amanshuraikwar.github.io/portfolio",
+            ),
             BlogListDataItem(
                 title = "How to use highlight.js in your Jetpack Compose Web project",
                 date = "December 14, 2021",
@@ -18,12 +24,6 @@ class BlogListDataStore {
                 firstParagraph = "If you are writing unit tests for your Kotlin project and need to mock certain objects, there is high chance that you are using MockK. Here are a couple of issues that I faced while using MockK in my KMM project. The project has Android and iOS apps with business logic written in shared KMM modules, I was writing unit tests to test this business logic.",
                 link = "https://amanshuraikwar.github.io/mockk-kmm-issues",
             ),
-            BlogListDataItem(
-                title = "My Portfolio",
-                date = "December 11, 2021",
-                firstParagraph = "This is my portfolio. It is a KMM project which runs on Web, Android, iOS. The business logic is written in Kotlin. The Web app is written in Kotlin, built using Jetpack Compose for Web. The Android app is written in Kotlin, built using Jetpack Compose. The iOS app UI is written in Swift, built using Swift UI and it uses the KMM shared module for business logic.",
-                link = "https://amanshuraikwar.github.io/portfolio",
-            ),
             BlogListDataItem(
                 title = "Introducing Next Bus SG",
                 date = "December 8, 2021",