브라우저 자동화로 입력창에 값을 채우는 건 쉬워 보입니다. 요소의 value에 문자열을 넣고 input 이벤트를 발생시키면 끝일 것 같습니다. 그런데 저장 버튼이 비활성 상태 그대로거나, 저장은 됐는데 값이 빈 채로 남는 경우가 있습니다. 이 글은 왜 그런지, 어떻게 우회하는지에 대한 기록입니다.증상: 값은 보이는데 상태는 비어 있다입력창에 분명히 글자가 들어가 있습니다. 화면으로 보면 완벽합니다. 그런데 저장 버튼이 여전히 비활성입니다. 억지로 저장을 눌러도 빈 값으로 저장됩니다. 값이 화면에는 있는데 실제로는 없는, 이상한 상태입니다.el.value = 'text';el.dispatchEvent(new Event('input', {bubbles:true}));screen : has textbutton..