ci: Update BrowserStack test config

.github/workflows/browsers.yml

@@ -13,23 +13,32 @@ jobs:
         with: { submodules: true }
       - uses: actions/setup-node@v4
         with: { node-version: 20 }
-      - name: Cache BrowserStackLocal
-        uses: actions/cache@v4
+      - uses: browserstack/github-actions/setup-env@master
         with:
-          path: ~/.browserstack
-          key: bsl-${{ runner.os }}-${{ hashFiles('**/package-lock.json') }}
-          restore-keys: |
-            bsl-${{ runner.os }}-
+          username:  ${{ secrets.BROWSERSTACK_USERNAME }}
+          access-key: ${{ secrets.BROWSERSTACK_ACCESS_KEY }}
+          project-name: yaml
+      - uses: browserstack/github-actions/setup-local@master
+        with:
+          local-testing: start
+          local-identifier: random
 
       - run: npm ci
       - run: npm run build:browser
       - name: Playground setup
         working-directory: ./playground
         run: npm ci
+      - name: Playground build
+        working-directory: ./playground
+        run: npx webpack --mode development
+
+      - run: npx http-server dist/ &
+        working-directory: ./playground
 
-      - name: Run tests on BrowserStack
+      - run: npx browserstack-node-sdk jest test/test-suite.js
         working-directory: ./playground
-        run: npm test
-        env:
-          BROWSERSTACK_ACCESS_KEY: ${{ secrets.BROWSERSTACK_ACCESS_KEY }}
-          BROWSERSTACK_USERNAME: ${{ secrets.BROWSERSTACK_USERNAME }}
+
+      - uses: browserstack/github-actions/setup-local@master
+        if: always()
+        with:
+          local-testing: stop