test: Share a function between blue and black

IanVS · Jul 25, 2022 · 8c8bc43 · 8c8bc43
1 parent e0402b8
commit 8c8bc43
Show file tree

Hide file tree

Showing 3 changed files with 17 additions and 13 deletions.
diff --git a/playground/css/async-modules-and-css/black.js b/playground/css/async-modules-and-css/black.js
@@ -1,9 +1,8 @@
-import styles from './black.module.css'
+import { makeText } from './make-text'
 import './hotpink.css'
+import styles from './black.module.css'
 
-const div = document.createElement('div')
-div.className = `base ${styles.black} async-modules-and-css-black`
-document.body.appendChild(div)
-div.textContent = `async css modules and normal css (black) ${
-  getComputedStyle(div).color
-}`
+makeText(
+  `hotpink ${styles.black} async-modules-and-css-black`,
+  'async css modules and normal css (black)'
+)
diff --git a/playground/css/async-modules-and-css/blue.js b/playground/css/async-modules-and-css/blue.js
@@ -1,9 +1,8 @@
+import { makeText } from './make-text'
 import './hotpink.css'
 import styles from './blue.module.css'
 
-const div = document.createElement('div')
-div.className = `base ${styles.blue} async-modules-and-css-blue`
-document.body.appendChild(div)
-div.textContent = `async css modules and normal css (blue) ${
-  getComputedStyle(div).color
-}`
+makeText(
+  `hotpink ${styles.blue} async-modules-and-css-blue`,
+  'async css modules and normal css (blue)'
+)
diff --git a/playground/css/async-modules-and-css/make-text.js b/playground/css/async-modules-and-css/make-text.js
@@ -0,0 +1,6 @@
+export function makeText(className, content) {
+  const div = document.createElement('div')
+  div.className = `base hotpink ${className}`
+  document.body.appendChild(div)
+  div.textContent = `${content} ${getComputedStyle(div).color}`
+}