Huge News!Announcing our $40M Series B led by Abstract Ventures.Learn More
Socket
Sign inDemoInstall
Socket

vue-prism-editor

Package Overview
Dependencies
Maintainers
1
Versions
28
Alerts
File Explorer

Advanced tools

Socket logo

Install Socket

Detect and block malicious and high-risk dependencies

Install

vue-prism-editor - npm Package Compare versions

Comparing version 0.3.0 to 0.4.0

src/utils/constant.js

2

package.json
{
"name": "vue-prism-editor",
"version": "0.3.0",
"version": "0.4.0",
"scripts": {

@@ -5,0 +5,0 @@ "serve": "vue-cli-service serve",

@@ -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()";

Sorry, the diff of this file is not supported yet

Sorry, the diff of this file is not supported yet

SocketSocket SOC 2 Logo

Product

  • Package Alerts
  • Integrations
  • Docs
  • Pricing
  • FAQ
  • Roadmap
  • Changelog

Packages

npm

Stay in touch

Get open source security insights delivered straight into your inbox.


  • Terms
  • Privacy
  • Security

Made with ⚡️ by Socket Inc