Fix missing video input after opening formula (#48)

Author: c-w

mathquill4quill.js

@@ -176,7 +176,7 @@ window.mathquill4quill = function(dependencies) {
           mqInput = document.createElement("span");
           applyMathquillInputStyles(mqInput);
 
-          latexInputStyle = latexInput.style.all;
+          latexInputStyle = latexInput.className;
           applyLatexInputStyles(latexInput);
 
           mqField = syncMathquillToQuill(latexInput, saveButton);
@@ -192,7 +192,7 @@ window.mathquill4quill = function(dependencies) {
 
           const latexInput = getLatexInput();
 
-          latexInput.setAttribute("style", latexInputStyle);
+          latexInput.setAttribute("class", latexInputStyle);
 
           mqInput.remove();
           mqInput = null;

tests/video.test.js

@@ -0,0 +1,15 @@
+/* eslint-env node */
+
+module.exports = {
+  "Is the video input visible after opening the formula": function(browser) {
+    browser
+      .useXpath()
+      .url("http://localhost:8000")
+      .waitForElementVisible('//*[@id="editor"]')
+      .click('//button[@class="ql-formula"]')
+      .waitForElementVisible('//div[@data-mode="formula"]')
+      .click('//button[@class="ql-video"]')
+      .waitForElementVisible('//div[@data-mode="video"]')
+      .assert.visible('//div[@data-mode="video"]/input');
+  }
+};