Редактировать блочный элемент / WebdriverIO + JavaScript

Пытаюсь на странице SQL Tryit Editor v1.6 редактировать поле с запросом, но там не обычное поле, оно на блочных элементах, а сам текст внутри span’ов, подскажите, плиз, как лучше всего я могу удалить этот текст и вписать в него свой?
Пытался по разному, например:

const input = document.querySelector('.CodeMirror-line:nth-child(1)');
input.write("Hello!");

при таких попытках ответ такой input.write is not a function

пытался и через команды addValue, setValue но тогда пишет, что element not interactable

PS
пытаюсь написать кейс в рамках mocha+webdriverIO, подскажите пожалуйста реализацию этой проблемы в рамках этих инструментов. Спасибо!))

Нашел проблему, походу мока не работает с домом, можно использовать https://www.npmjs.com/package/jsdom для работы с домом, сейчас тестирую…

@Ruslan-95 вроде бы там используется textarea

textarea id=“textareaCodeSQL”

для рабоыт с ним в webdriverIO можно например использовать setValue
https://webdriver.io/docs/api/element/setValue.html