test: more manual test (#442)

webpack-contrib · Dec 19, 2019 · a283b30 · a283b30
1 parent 3415266
commit a283b30
Show file tree

Hide file tree

Showing 3 changed files with 15 additions and 0 deletions.
diff --git a/test/manual/index.html b/test/manual/index.html
@@ -60,6 +60,11 @@ <h3>Pure css</h3>
       </article>
     </section>
 
+    <section>
+      <h3>Use/Unuse</h3>
+      <div class="use">No color after timeout 6000ms</div>
+    </section>
+
     <section>
       <h3>Custom element</h3>
       <custom-square l="100" c="red"></custom-square>

diff --git a/test/manual/src/index.js b/test/manual/src/index.js
@@ -4,6 +4,7 @@ import './style.css';
 import './other-style.scss';
 import component from './component.module.css';
 import styleLazy from './style.lazy.css';
+import useUnse from './use-unuse.lazy.css';
 import otherStyleLazy from './other-style.lazy.scss';
 import componentLazy from './component.lazy.module.css';
 import './style.link.css';
@@ -89,3 +90,9 @@ articleElement2.appendChild(divElement7);
 articleElement2.appendChild(divElement8);
 
 document.querySelectorAll('section')[1].appendChild(articleElement2);
+
+const api = useUnse.use();
+
+setTimeout(() => {
+  api.unuse();
+}, 6000);
diff --git a/test/manual/src/use-unuse.lazy.css b/test/manual/src/use-unuse.lazy.css
@@ -0,0 +1,3 @@
+.use {
+  color: red;
+}