Add unit tests

.github/workflows/styles.yml

@@ -0,0 +1,40 @@
+# @Author: Roni Laukkarinen
+# @Date:   2023-02-15 17:39:37
+# @Last Modified by:   Roni Laukkarinen
+# @Last Modified time: 2023-03-03 20:01:10
+name: CSS
+
+on: [push, pull_request]
+
+jobs:
+  build:
+    name: Test styles
+    runs-on: ubuntu-20.04
+
+    steps:
+    - name: Checkout the repository
+      uses: actions/checkout@v3
+
+    - name: Read .nvmrc
+      run: echo ::set-output name=NVMRC::$(cat .nvmrc)
+      id: nvm
+
+    - name: Setup node
+      uses: actions/setup-node@v1
+      with:
+        node-version: '${{ steps.nvm.outputs.NVMRC }}'
+
+    - name: Install stylelint packages
+      run: |
+        npm install --global \
+        postcss@^8.4.21 \
+        stylelint@^15.1.0 \
+        stylelint-config-recommended@^10.0.1 \
+        stylelint-config-standard@^30.0.1 \
+        stylelint-order@^6.0.2 \
+        @ronilaukkarinen/stylelint-a11y@^1.2.7 \
+        @ronilaukkarinen/stylelint-declaration-strict-value@^1.9.2 \
+        @ronilaukkarinen/stylelint-value-no-unknown-custom-properties@^4.0.1
+    - name: Run stylelint
+      run: |
+        npx stylelint style.css --max-warnings 0 --config .stylelintrc

.nvmrc

@@ -0,0 +1 @@
+v17.0.0

CHANGELOG.md

@@ -1,7 +1,8 @@
-### 1.1.7rc2: 2023-03-11
+### 1.1.7rc3: 2023-03-11
 
 * Fix flickering on iOS Safari and webkit browsers
 * Remove width hack for mobile
+* Add unit tests
 
 ### 1.1.7: 2023-03-11
 

package.json

@@ -1,6 +1,6 @@
 {
   "name": "mastodon-bird-ui",
-  "version": "1.1.5",
+  "version": "1.1.7",
   "description": "",
   "main": "index.js",
   "scripts": {
@@ -13,9 +13,7 @@
     "@ronilaukkarinen/stylelint-declaration-strict-value": "^1.9.2",
     "@ronilaukkarinen/stylelint-value-no-unknown-custom-properties": "^4.0.1",
     "postcss": "^8.4.21",
-    "postcss-scss": "^4.0.6",
     "stylelint": "^15.2.0",
-    "stylelint-config-standard": "^30.0.1",
-    "stylelint-config-standard-scss": "^7.0.1"
+    "stylelint-config-standard": "^30.0.1"
   }
 }

style.css

@@ -1,5 +1,5 @@
 /* Mastodon Bird UI by @rolle@mementomori.social
-   v1.1.7rc2 */
+   v1.1.7rc3 */
 
 /* CSS variables */
 :root {
@@ -2114,12 +2114,17 @@ a.status-card.compact .status-card__description {
 }
 
 /* Retweet animation */
-.layout-single-column.no-reduce-motion .icon-button:focus .fa-retweet,
+/* stylelint-disable-next-line selector-not-notation */
 .layout-single-column.no-reduce-motion .icon-button.active:not([aria-label="Unboost"]):not([aria-label="Peru tehostus"]) .fa-retweet {
   /* stylelint-disable-next-line */
   animation: spring-rotate-in 1s linear;
 }
 
+.layout-single-column.no-reduce-motion .icon-button:focus .fa-retweet {
+  /* stylelint-disable-next-line */
+  animation: spring-rotate-in 1s linear;
+}
+
 /* Heart animation */
 .layout-single-column.no-reduce-motion .icon-button.star-icon {
   min-height: 23px;