vue-prism-editor - npm Package Compare versions

Comparing version 0.3.0 to 0.4.0

package.json

 {
   "name": "vue-prism-editor",
-  "version": "0.3.0",
+  "version": "0.4.0",
   "scripts": {
@@ -5,0 +5,0 @@ "serve": "vue-cli-service serve",

tests/unit/Editor.spec.js

@@ -16,2 +16,3 @@ import { mount } from "@vue/test-utils";
   });
+
   it("sets contentEditable", () => {
@@ -26,2 +27,3 @@ const wrapper = mount(Editor);
   });
+
   it("emits change event", () => {
@@ -56,2 +58,22 @@ const code = "console.log('test')";
 
+  it("code with sync modifier works", () => {
+    const compiled = compileToFunctions(
+      '<div><Editor class="foo" :code.sync="code" /></div>'
+    );
+    const wrapper = mount(compiled, {
+      data: () => ({
+        code: "test"
+      }),
+      stubs: {
+        Editor
+      }
+    });
+    const $pre = wrapper.find("pre");
+
+    expect(wrapper.vm.code).toEqual("test");
+    $pre.element.innerHTML = "works";
+    wrapper.vm.$children[0].$emit("update:code", "works");
+    expect(wrapper.vm.code).toEqual("works");
+  });
+
   it("emits keydown event", () => {
@@ -101,2 +123,76 @@ const mockHandler = jest.fn();
 
+  it("emit change event for non forbidden key", () => {
+    const mockHandler = jest.fn();
+    const wrapper = mount(Editor, {
+      listeners: {
+        change: mockHandler
+      }
+    });
+    const $pre = wrapper.find("pre");
+    const sentence = "vue-prism-editor";
+
+    $pre.element.dispatchEvent(new KeyboardEvent("keyup", { keyCode: 86 })); // v
+    $pre.element.dispatchEvent(new KeyboardEvent("keyup", { keyCode: 85 })); // u
+    $pre.element.dispatchEvent(new KeyboardEvent("keyup", { keyCode: 69 })); // e
+    $pre.element.dispatchEvent(new KeyboardEvent("keyup", { keyCode: 189 })); // -
+    $pre.element.dispatchEvent(new KeyboardEvent("keyup", { keyCode: 80 })); // p
+    $pre.element.dispatchEvent(new KeyboardEvent("keyup", { keyCode: 82 })); // r
+    $pre.element.dispatchEvent(new KeyboardEvent("keyup", { keyCode: 73 })); // i
+    $pre.element.dispatchEvent(new KeyboardEvent("keyup", { keyCode: 83 })); // s
+    $pre.element.dispatchEvent(new KeyboardEvent("keyup", { keyCode: 77 })); // m
+    $pre.element.dispatchEvent(new KeyboardEvent("keyup", { keyCode: 189 })); // -
+    $pre.element.dispatchEvent(new KeyboardEvent("keyup", { keyCode: 69 })); // e
+    $pre.element.dispatchEvent(new KeyboardEvent("keyup", { keyCode: 68 })); // d
+    $pre.element.dispatchEvent(new KeyboardEvent("keyup", { keyCode: 73 })); // i
+    $pre.element.dispatchEvent(new KeyboardEvent("keyup", { keyCode: 84 })); // t
+    $pre.element.dispatchEvent(new KeyboardEvent("keyup", { keyCode: 79 })); // o
+    $pre.element.dispatchEvent(new KeyboardEvent("keyup", { keyCode: 82 })); // r
+
+    expect(mockHandler).toHaveBeenCalledTimes(sentence.length);
+  });
+
+  it("won't emit change event for forbidden key", () => {
+    const mockHandler = jest.fn();
+    const wrapper = mount(Editor, {
+      listeners: {
+        change: mockHandler
+      }
+    });
+    const $pre = wrapper.find("pre");
+
+    $pre.element.dispatchEvent(new KeyboardEvent("keyup", { keyCode: 16 }));
+    $pre.element.dispatchEvent(new KeyboardEvent("keyup", { keyCode: 16 })); // shift
+    $pre.element.dispatchEvent(new KeyboardEvent("keyup", { keyCode: 17 })); // ctrl
+    $pre.element.dispatchEvent(new KeyboardEvent("keyup", { keyCode: 18 })); // alt
+    $pre.element.dispatchEvent(new KeyboardEvent("keyup", { keyCode: 19 })); // pauseBreak
+    $pre.element.dispatchEvent(new KeyboardEvent("keyup", { keyCode: 20 })); // capsLock
+    $pre.element.dispatchEvent(new KeyboardEvent("keyup", { keyCode: 27 })); // esc
+    $pre.element.dispatchEvent(new KeyboardEvent("keyup", { keyCode: 33 })); // pageUp
+    $pre.element.dispatchEvent(new KeyboardEvent("keyup", { keyCode: 34 })); // pageDown
+    $pre.element.dispatchEvent(new KeyboardEvent("keyup", { keyCode: 35 })); // end
+    $pre.element.dispatchEvent(new KeyboardEvent("keyup", { keyCode: 36 })); // home
+    $pre.element.dispatchEvent(new KeyboardEvent("keyup", { keyCode: 37 })); // arrowLeft
+    $pre.element.dispatchEvent(new KeyboardEvent("keyup", { keyCode: 38 })); // arrowUp
+    $pre.element.dispatchEvent(new KeyboardEvent("keyup", { keyCode: 39 })); // arrowRight
+    $pre.element.dispatchEvent(new KeyboardEvent("keyup", { keyCode: 40 })); // arrowDown
+    $pre.element.dispatchEvent(new KeyboardEvent("keyup", { keyCode: 44 })); // printScreen
+    $pre.element.dispatchEvent(new KeyboardEvent("keyup", { keyCode: 91 })); // meta
+    $pre.element.dispatchEvent(new KeyboardEvent("keyup", { keyCode: 112 })); // f1
+    $pre.element.dispatchEvent(new KeyboardEvent("keyup", { keyCode: 113 })); // f2
+    $pre.element.dispatchEvent(new KeyboardEvent("keyup", { keyCode: 114 })); // f3
+    $pre.element.dispatchEvent(new KeyboardEvent("keyup", { keyCode: 115 })); // f4
+    $pre.element.dispatchEvent(new KeyboardEvent("keyup", { keyCode: 116 })); // f5
+    $pre.element.dispatchEvent(new KeyboardEvent("keyup", { keyCode: 117 })); // f6
+    $pre.element.dispatchEvent(new KeyboardEvent("keyup", { keyCode: 118 })); // f7
+    $pre.element.dispatchEvent(new KeyboardEvent("keyup", { keyCode: 119 })); // f8
+    $pre.element.dispatchEvent(new KeyboardEvent("keyup", { keyCode: 120 })); // f9
+    $pre.element.dispatchEvent(new KeyboardEvent("keyup", { keyCode: 121 })); // f10
+    $pre.element.dispatchEvent(new KeyboardEvent("keyup", { keyCode: 122 })); // f11
+    $pre.element.dispatchEvent(new KeyboardEvent("keyup", { keyCode: 123 })); // f12
+    $pre.element.dispatchEvent(new KeyboardEvent("keyup", { keyCode: 144 })); // numLock
+    $pre.element.dispatchEvent(new KeyboardEvent("keyup", { keyCode: 145 })); // scrollLock
+
+    expect(mockHandler).toHaveBeenCalledTimes(0);
+  });
+
   it("not neccessary but", async () => {
@@ -103,0 +199,0 @@ const code = "log()";

No alert changes

Improved metrics

Lines of code

5121

increased by2.36%

Worsened metrics

Total package byte prevSize

523240

decreased by-46.72%

Number of package files

34

decreased by-2.86%

No dependency changes