Monkey自动化工具结合B端组件可行性探索 ｜ 得物技术

// input type 集合const defaultMapElements = {    textarea: fillTextAreaElement,    'input[type="text"]': fillTextElement,    'input[type="password"]': fillTextElement,    'input[type="number"]': fillNumberElement,    select: fillSelect,    'input[type="radio"]': fillRadio,    'input[type="checkbox"]': fillCheckbox,    'input[type="email"]': fillEmail,    'input:not([type])': fillTextElement,    };  // 填充逻辑 const fillTextElement = async (element, character) => {  const selectedCharacters = Array.from({ length: 5 }, () =>randomizer.getCharacter[Math.floor(Math.random() * randomizer.getCharacter.length)]).join('');  const newValue = element.value + (character ? character : selectedCharacters);  if (element) {    triggerSimulatedOnChange(element, newValue, window.HTMLInputElement.prototype);    return newValue;  } };  // Hacky function to trigger react, angular & vue.js onChange on input const triggerSimulatedOnChange = (element, newValue, prototype) => {      const lastValue = element.value;      element.value = newValue;      const nativeInputValueSetter = Object.getOwnPropertyDescriptor(prototype, 'value').set;      nativeInputValueSetter.call(element, newValue);      const event = new Event('input', { bubbles: true }) as CustomEvent;      // React 15      event.simulated = true;      // React >= 16      let tracker = element._valueTracker;      if (tracker) {          tracker.setValue(lastValue);      }      element.dispatchEvent(event);  };