feat: mirror all pre tag events (#58)

Fix #24
koca · Feb 11, 2020 · 6b5151a · 6b5151a
1 parent efdd959
commit 6b5151a
Show file tree

Hide file tree

Showing 2 changed files with 26 additions and 0 deletions.
diff --git a/src/components/Editor.vue b/src/components/Editor.vue
@@ -34,6 +34,7 @@
       autocomplete="off"
       autocorrect="off"
       data-gramm="false"
+      v-on="$listeners"
     ></pre>
   </div>
 </template>

diff --git a/tests/unit/Editor.spec.js b/tests/unit/Editor.spec.js
@@ -102,6 +102,31 @@ describe("Editor.vue", () => {
     expect(mockHandler).toHaveBeenCalled();
   });
 
+  it("emits all pre events", () => {
+    const mockHandler = jest.fn();
+    const compiled = compileToFunctions(
+      '<div><Editor class="foo" @focus="eventHandler" @blur="eventHandler" @input="eventHandler" /></div>'
+    );
+    const wrapper = mount(compiled, {
+      data: () => ({
+        code: "test"
+      }),
+      stubs: {
+        Editor
+      },
+      methods: {
+        eventHandler: mockHandler
+      }
+    });
+    const $pre = wrapper.find("pre");
+
+    $pre.element.dispatchEvent(new Event("focus"));
+    $pre.element.dispatchEvent(new Event("blur"));
+    $pre.element.dispatchEvent(new Event("input"));
+
+    expect(mockHandler).toHaveBeenCalledTimes(3);
+  });
+
   it("renders with null value", () => {
     const code = null;
     const wrapper = mount(Editor, {