test(playwright): add Playwright as test runner

* add playwright test runner + polyfill element internals

* install playwright dependencies

* install playwright deps for all build scripts

* get aria-current from attribute to fix tests in firefox

* await input element after pristine is set

* allow validation messages from components has does not have pristine implemented

* testing story

* remove duplicate story

* add story for form controls with native form element

* Update package-lock.json

Co-authored-by: Niels Lyngsø <[email protected]>

Author: madsrasmussen

.github/workflows/azure-static-web-apps-delightful-beach-055ecb503.yml

@@ -31,6 +31,7 @@ jobs:
           cache: 'npm'
       - run: npm install
       - run: npm run lint
+      - run: sudo npx playwright install-deps
       - run: npm run test
       - run: npm run build:prod
 

.github/workflows/publish.yml

@@ -1,28 +1,27 @@
 name: Publish
 
 on:
-   push:
+  push:
     branches:
       - main
 
 jobs:
   build:
     # The type of runner that the job will run on
     runs-on: ubuntu-latest
-    
+
     strategy:
       matrix:
         node-version: [16.x]
 
     # Steps represent a sequence of tasks that will be executed as part of the job
     steps:
-      # Checks-out your repository under $GITHUB_WORKSPACE, so your job can access it      
+      # Checks-out your repository under $GITHUB_WORKSPACE, so your job can access it
       - uses: actions/checkout@v2
         with:
-      # pulls all commits (needed for lerna / semantic release to correctly version)
-          fetch-depth: "0"
-          
-  
+          # pulls all commits (needed for lerna / semantic release to correctly version)
+          fetch-depth: '0'
+
       - name: Use Node.js ${{ matrix.node-version }}
         uses: actions/setup-node@v2
         with:
@@ -31,6 +30,7 @@ jobs:
       - run: npm -v
       - run: npm ci
 
+      - run: sudo npx playwright install-deps
       - run: npm run test
 
       - name: Authenticate with Registry
@@ -46,4 +46,3 @@ jobs:
         run: npm run lerna:publish
         env:
           NPM_TOKEN: ${{ secrets.UMBRACO_PUBLISH_NPM_TOKEN}}
-  

.github/workflows/tests.yml

@@ -33,5 +33,6 @@ jobs:
           cache: 'npm'
       - run: npm install
       - run: npm run lint
+      - run: sudo npx playwright install-deps
       - run: npm run test
       - run: npm run build:prod