Общие Как с помощью JavaScript ввести в поле ввода текст и нажать программно enter?

[Лейла]

Уже две недели пытаюсь разобраться как это сделать, помогите пожалуйста..
Есть сайт www.wildberries.ru на главной странице есть поле ввода товара для поиска по каталогу, нашел как ввести текст в поле, но не могу нажать чтобы начался поиск..
Пробовал getElementsById и ByClassName, querySelector, ставил фокус на поле.. не получается.. пробую все вводить через Chrome в консоле.


document.getElementsByClassName('search-catalog__input j-wba-header-item')[0].value = 'Куртка'

Так начинает искать при фокусировке на поле:
document.querySelector(".search-catalog__btn--search").click();


<div id="searchBlock" class="header__search-catalog search-catalog j-search-catalog hide-mobile " data-link="
{on 'click' '.j-suggest' followSuggest}
{on 'click' '.j-suggest-tag' fillWithTag}
{on 'click' '.j-clear-history-all' clearAllSearchHistories}
{on 'click' '.j-clear-history' clearSearchHistory}
{on 'mouseover' '.j-suggest' markSuggest}
{on 'mouseleave' '.j-search-catalog-autocomplete' unmarkSuggests}
class{merge: imageChipData toggle='search-catalog--photo'}" data-jsv="#119^/119^#120^/120^#121^/121^#122^/122^#123^/123^#124^/124^">

<div class="search-catalog__block search-catalog--active" data-link="class{merge: hasAnySuggestions() toggle='search-catalog--active'}">
<input autocomplete="off" id="searchInput" class="search-catalog__input j-wba-header-item" data-wba-header-name="Search_text" type="search" maxlength="300" placeholder="Я ищу..." data-link="{:searchText:}readonly{:imageChipData}{on 'keydown' onSearchInputKeypress}{on 'focus' enableSuggestions}{on 'input' showSuggestionsDebounced}" data-jsv="#106^/106^#107^/107^#108^/108^">
<div class="search-catalog__loading" data-link="{include imageChipData tmpl=(imageChipData &amp;&amp; imageChipData.template)}"></div>