From 51a4f6d2a1c553b8c7a16057eeba83a2115485f1 Mon Sep 17 00:00:00 2001
From: Francisco Hodge <hello@franciscohodge.com>
Date: Wed, 13 Nov 2019 07:15:03 -0500
Subject: [PATCH] Tests update

---
 src/demo/MultipleKeyboardsDestroyDemo.js      | 14 ++++++++++++++
 src/demo/css/MultipleKeyboardsDestroyDemo.css |  4 ++++
 2 files changed, 18 insertions(+)

diff --git a/src/demo/MultipleKeyboardsDestroyDemo.js b/src/demo/MultipleKeyboardsDestroyDemo.js
index 7ed85e19..36f028d9 100644
--- a/src/demo/MultipleKeyboardsDestroyDemo.js
+++ b/src/demo/MultipleKeyboardsDestroyDemo.js
@@ -33,6 +33,20 @@ class Demo {
 
     console.log(this.keyboard);
     setTimeout(this.keyboard.destroy, 10000);
+    setTimeout(() => {
+      this.keyboard = new Keyboard({
+        theme: "hg-theme-default myTheme",
+        onChange: input => this.onChange(input),
+        onKeyPress: button => this.onKeyPress(button),
+        debug: true,
+        onInit: () => {
+          console.log(
+            "Reinitialized simple-keyboard instance:",
+            this.keyboard.keyboardDOMClass
+          );
+        }
+      });
+    }, 15000);
 
     /**
      * Update simple-keyboard when input is changed directly
diff --git a/src/demo/css/MultipleKeyboardsDestroyDemo.css b/src/demo/css/MultipleKeyboardsDestroyDemo.css
index 575ed60e..fa20527e 100644
--- a/src/demo/css/MultipleKeyboardsDestroyDemo.css
+++ b/src/demo/css/MultipleKeyboardsDestroyDemo.css
@@ -10,3 +10,7 @@ input {
 .simple-keyboard {
   max-width: 850px;
 }
+
+.simple-keyboard.hg-theme-default.myTheme {
+  background-color: #bde6c6;
+}