playwright collect coverage

packages/overlayscrollbars/package.json

@@ -15,6 +15,7 @@
     "test:browser:quick": "jest --runInBand --detectOpenHandles --selectProjects browser --testPathIgnorePatterns=\"/node_modules/|/structureLifecycle/\"",
     "test:browser-dev": "jest --runInBand --detectOpenHandles --selectProjects browser-dev --testPathPattern",
     "build": "rollup -c",
-    "test:playwright": "playwright test"
+    "test:playwright": "playwright test",
+    "posttest:playwright": "node playwright.coverage.js"
   }
 }

packages/overlayscrollbars/playwright.coverage.js

@@ -0,0 +1 @@
+require('../../playwright.coverage.base');

packages/overlayscrollbars/src/styles/trinsicobserver.scss

@@ -2,7 +2,7 @@
   flex: none;
   box-sizing: border-box;
   position: relative;
-  max-width: 1px;
+  max-width: 0px;
   max-height: 1px;
   padding: 0;
   margin: 0;
@@ -10,7 +10,7 @@
   overflow: hidden;
   z-index: -1;
   height: 0;
-  top: calc(-100% + 1px);
+  top: calc(100% + 1px);
   contain: strict;
 
   &:not(:empty) {

packages/overlayscrollbars/tests/playwright/observers/trinsicObserver/index.html

@@ -1,6 +1,6 @@
 <div id="controls">
-  <button id="roPolyfill">IntersectionObserver polyfill</button>
-  <button id="ioPolyfill">ResizeObserver polyfill</button><br />
+  <button id="ioPolyfill">IntersectionObserver polyfill</button>
+  <button id="roPolyfill">ResizeObserver polyfill</button><br />
   <label for="display">display</label>
   <select name="display" id="display">
     <option value="displayBlock">block</option>

packages/overlayscrollbars/types/update.d.ts

@@ -1 +0,0 @@
-export {};