如何在 angular 中模拟 e.preventdefault

Question

HTML 文件

<input type="number" min="10" max="100" (keydown)="checkLength1($event,inputNumber)"#inputNumber/>

ts 文件

  checkLength1(e: { key: string | number; keyCode: number; preventDefault: () => void; }, input: { value: string; }) {
    const keyValue = +e.key; const numberOnlyPattern = '[0-9]+';
    const newValue = input.value + (isNaN(keyValue) ? '' : keyValue.toString());
    const match = newValue.match(numberOnlyPattern);
    if (+newValue > 12 || !match || newValue === '') {e.preventDefault();} }

规格文件

   it("checkLength1", () => { const e ={ key: "1", keyCode: 1, preventDefault : () => void }
    const input = {value:"1" }
   component.onKeyPressHours(e, input); });

我正在尝试为“checkLength1”方法编写测试用例。但是我在为参数“e”构造对象时遇到错误。请帮我解决这个问题

Answer 1

只需将 void 替换为 null。

it("checkLength1", () => { 
  const e = { key: "1", keyCode: 1, preventDefault : () => null };
  ...

如何在 angular 中模拟 e.preventdefault

how to mock e.preventdefault in angular

unit-testing

angular