index.vue

index.vue

显示

• preset

this.$root.$emit(EventKeys["vue-keyboard-cn-show"],true)

• test

document.querySelector(".key-board-box").style.display === ""

• return true

受到input获取焦点事件

• preset

 let data={
allowEnter: false,
canSwitchOtherBoard: false,
inputId: "input-id-1622138235034-eeb5a538-14cd-0130-ca16-dcf78398f65c",
isFocus: true,
showZh: true,
tmpValueNoFlash: "4w000000000102",
type: "mix",
}
 this.$root.$on(EventKeys["vue-keyboard-cn-focus"],data)

test 1:

 document.querySelectorAll('.key-board-btn-Q').length==1

• return true

test 2:

 document.querySelector(".key-board-box-item-curr-text").innerText===”中“

• return true

test 3: (禁止回车键，时候，点击回车键，键盘隐藏)

 document.querySelector(".key-board-btn-enter").trigger("click")
document.querySelector(".key-board-box").style.display === "none";

• return true

键盘功能测试

大小写键盘点击测试

test1：(大写转小写）:

  await  document.querySelector(".key-board-btn-changeCapital").trigger("click");
  document.querySelector(".key-board-btn-Q .span-text").innertText==="q";

• return true

test2：(小写转大写，第二次点击）:

  await  document.querySelector(".key-board-btn-changeCapital").trigger("click");
  document.querySelector(".key-board-btn-Q .span-text").innertText==="Q";

• return true

中文键盘 切换 符号按键

test1：中文键盘切换到”中文符号“

  await  document.querySelector(".key-board-btn-symbol").trigger("click");
  document.querySelectorAll(".key-board-btn-【").length==1;

• return true

test2：中文符号键盘”返回键“测试

  await  document.querySelector(".key-board-btn-back").trigger("click");
  document.querySelectorAll(".key-board-btn-symbol").length==1;

• return true

中文键盘 切换 数字键盘

test1：中文键盘切换到”中文符号“

  await  document.querySelector(".key-board-btn-changeNumber").trigger("click");
  document.querySelectorAll(".key-board-btn-%").length==1;

• return true

test2：数组键盘“返回键”测试

  await  document.querySelector(".key-board-btn-back").trigger("click");
  document.querySelectorAll(".key-board-btn-symbol").length==1;

• return true