From a283b30a2f0375b4c9411a232aad4659a7f7e377 Mon Sep 17 00:00:00 2001
From: Evilebot Tnawi <evilebottnawi@users.noreply.github.com>
Date: Thu, 19 Dec 2019 15:10:52 +0300
Subject: [PATCH] test: more manual test (#442)

---
 test/manual/index.html             | 5 +++++
 test/manual/src/index.js           | 7 +++++++
 test/manual/src/use-unuse.lazy.css | 3 +++
 3 files changed, 15 insertions(+)
 create mode 100644 test/manual/src/use-unuse.lazy.css

diff --git a/test/manual/index.html b/test/manual/index.html
index 33582988..1b834119 100644
--- 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
index 7c3b030b..cde2a33b 100644
--- 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
new file mode 100644
index 00000000..2a993ade
--- /dev/null
+++ b/test/manual/src/use-unuse.lazy.css
@@ -0,0 +1,3 @@
+.use {
+  color: red;
+}