Finish tests; fix code so they should work with Prism

Author: WebCoder49

code-input.js

@@ -19,6 +19,7 @@ var codeInput = {
     observedAttributes: [
         "value",
         "placeholder",
+        "language",
         "lang",
         "template"
     ],
@@ -417,10 +418,6 @@ var codeInput = {
         constructor() {
             super(); // Element
         }
-        /**
-        * Store value internally
-        */
-        _value = '';
 
         /**
         * Exposed child textarea element for user to input code in
@@ -633,7 +630,7 @@ var codeInput = {
 
             if (this.template.isCode) {
                 if (lang != undefined && lang != "") {
-                    code.classList.add("language-" + lang);
+                    code.classList.add("language-" + lang.toLowerCase());
                 }
             }
 
@@ -733,7 +730,6 @@ var codeInput = {
 
                     case "lang":
                     case "language":
-
                         let code = this.codeElement;
                         let mainTextarea = this.textareaElement;
 
@@ -849,7 +845,8 @@ var codeInput = {
          * Get the text contents of the code-input element.
          */
         get value() {
-            return this._value;
+            // Get from editable textarea element
+            return this.textareaElement.value;
         }
         /**
          * Set the text contents of the code-input element.
@@ -859,7 +856,9 @@ var codeInput = {
             if (val === null || val === undefined) {
                 val = "";
             }
-            this._value = val;
+            // Save in editable textarea element
+            this.textareaElement.value = val;
+            // Trigger highlight
             this.needsHighlight = true;
             return val;
         }

tests/hljs.html

@@ -35,13 +35,18 @@
     <!--TODO: Fix for hljs popup &
         (optional) In new branch, make Ctrl+F/H functionality like gotoline (finds in value, "string combinatorics" in pre code, Regex/case-insensitive accepted); Add tests for Ctrl+F/H
         (optional) In new branch, add one-line (input) option
-        Add tests for form/value/language functionality-->
+        Make tester async function using await?-->
     <h1>code-input Tester (highlight.js)</h1>
     <h4><a href="prism.html">Test for Prism.js</a></h4>
     <p>This page carries out automated tests for the code-input library to check that both the core components and the plugins work in some ways. It doesn't fully cover every scenario so you should test any code you change by hand, but it's good for quickly checking a wide range of functionality works.</p>
 
     <details id="collapse-results"><summary>Test Results</summary><pre id="test-results"></pre></details>
-    <code-input language="JavaScript">console.log("Hello, World!");</code-input>
+    <form method="GET" action="https://google.com/search" target="_blank">
+        <code-input language="JavaScript" name="q">console.log("Hello, World!");
+// A second line
+// A third line with &lt;html> tags</code-input>
+        <input type="submit" value="Search Google For Code"/>
+    </form>
 
     <script>
         beginTest(true);

tests/prism.html

@@ -32,8 +32,12 @@ <h4><a href="hljs.html">Test for highlight.js</a></h4>
     <p>This page carries out automated tests for the code-input library to check that both the core components and the plugins work in some ways. It doesn't fully cover every scenario so you should test any code you change by hand, but it's good for quickly checking a wide range of functionality works.</p>
 
     <details id="collapse-results"><summary>Test Results</summary><pre id="test-results"></pre></details>
-    <code-input language="JavaScript">console.log("Hello, World!");</code-input>
-
+    <form method="GET" action="https://google.com/search" target="_blank">
+        <code-input language="JavaScript" name="q">console.log("Hello, World!");
+// A second line
+// A third line with &lt;html> tags</code-input>
+        <input type="submit" value="Search Google For Code"/>
+    </form>
     <script>
         // TODO: Delete this testing code
         var Prism = {