fix(test-html): remove css files

nrkno · Aug 18, 2023 · 05bf778 · 05bf778
1 parent feceb5a
commit 05bf778
Show file tree

Hide file tree

Showing 7 changed files with 29 additions and 26 deletions.
diff --git a/packages/core-datepicker/core-datepicker.spec.css b/packages/core-datepicker/core-datepicker.spec.css
diff --git a/packages/core-progress/core-progress.spec.css b/packages/core-progress/core-progress.spec.css
diff --git a/packages/core-progress/core-progress.spec.html b/packages/core-progress/core-progress.spec.html
@@ -4,7 +4,6 @@
   <meta charset="UTF-8">
   <meta name="viewport" content="width=device-width, initial-scale=1.0">
   <title>Core Progress Test Page</title>
-  <link rel="stylesheet" href="core-progress.spec.css">
   <script src="core-progress.min.js"></script>
   <link rel="shortcut icon" href="about:blank">
 </head>

diff --git a/packages/core-progress/core-progress.spec.ts b/packages/core-progress/core-progress.spec.ts
@@ -1,10 +1,34 @@
 import { test, expect, Locator } from '@playwright/test';
 
+const defaultStyle = `
+  .my-track {
+    display: block;
+    background: #ccc;
+    border-radius: 3px;
+    overflow: hidden;
+    font: 700 12px/1 sans-serif;
+  }
+
+  .my-track [value] {
+    background: #16f;
+    color: #fff;
+    padding: 3px 6px;
+    transition: 1s;
+  }
+
+  .my-radial {
+    color: #16f;
+    stroke: #ccc;
+    transition: stroke-dashoffset 1s;
+  }
+`
+
 test.describe('core-progress', () => {
   let coreProgress: Locator
 
   test.beforeEach(async ({ page }) => {
     await page.goto('./core-progress/core-progress.spec.html')
+    await page.addStyleTag({ content: defaultStyle })
     coreProgress = page.getByTestId('core-progress')
   })
 

diff --git a/packages/core-tabs/core-tabs.spec.css b/packages/core-tabs/core-tabs.spec.css
diff --git a/packages/core-tabs/core-tabs.spec.html b/packages/core-tabs/core-tabs.spec.html
@@ -5,7 +5,6 @@
   <meta name="viewport" content="width=device-width, initial-scale=1.0">
   <title>Core Tab Test Environment</title>
   <script src="./core-tabs.min.js"></script>
-  <link rel="stylesheet" href="core-tabs.spec.css">
   <link rel="shortcut icon" href="about:blank">
 </head>
 <body>

diff --git a/packages/core-tabs/core-tabs.spec.ts b/packages/core-tabs/core-tabs.spec.ts
@@ -10,6 +10,11 @@ test.describe('core-tabs', () => {
     toggleEvents = 0
     await page.exposeFunction(INCREMENT_TOGGLE_EVENTS_FUNC, incrementToggleEvents)
     await page.goto(`./core-tabs/core-tabs.spec.html`)
+    await page.addStyleTag({ content: `
+      div[hidden] {
+        display: none;
+      }
+    `})
     coreTabs = page.locator('core-tabs')
   })