Автоматизируйте заполнение Microsoft Forms с помощью JavaScript

Question

У меня есть форма Microsoft, которую я хочу автоматизировать, так как я планирую создать расширение chrome для периодического заполнения формы ежедневно Форма имеет только два поля, одно - текстовое поле

а во-вторых - рейтинг со звездами

Для текстового поля это просто, я могу использовать document.getElementById('name').value='name' но для звезд это немного сложно, так как у них нет кнопки или события, которое я могу запустить

следующий HTML-код для звезд

<div
  class="rateit margin-left office-form-theme-primary-foreground rateit-font"
  data-rateit-icon=""
  data-rateit-iconforempty=""
  data-rateit-mode="font"
  data-rateit-marginleft="4"
  data-rateit-marginright="4"
  data-rateit-starwidth="24"
  data-rateit-max="5"
  data-rateit-step="1"
  data-rateit-resetable="false"
  data-rateit-ispreset="true"
  style="font-size: 24px;"
  title="2 Stars"
  data-rateit-value="2"
>
  <button
    id="rateit-reset-5"
    type="button"
    data-role="none"
    class="rateit-reset"
    aria-label="reset rating"
    aria-controls="rateit-range-5"
    style="float: left; display: none;"
  >
    <span></span>
  </button>
  <div
    id="rateit-range-5"
    class="rateit-range"
    tabindex="0"
    role="slider"
    aria-owns="rateit-reset-5"
    aria-valuemin="0"
    aria-valuemax="5"
    aria-valuenow="2"
    aria-labelledby="question15-title question15-required question15-questiontype l5"
  >
    <div class="rateit-empty">
      <span style="margin: 0px 4px;"></span
      ><span style="margin: 0px 4px;"></span
      ><span style="margin: 0px 4px;"></span
      ><span style="margin: 0px 4px;"></span
      ><span style="margin: 0px 4px;"></span>
    </div>
    <div class="rateit-selected" style="width: 64px; display: flex;">
      <span style="margin: 0px 4px;"></span
      ><span style="margin: 0px 4px;"></span
      ><span style="margin: 0px 4px;"></span
      ><span style="margin: 0px 4px;"></span // tried to trigger a click on this via JS , but no luck
      ><span style="margin: 0px 4px;"></span>
    </div>
    <div class="rateit-hover" style="width: 0px; display: none;">
      <span style="margin: 0px 4px;"></span
      ><span style="margin: 0px 4px;"></span
      ><span style="margin: 0px 4px;"></span
      ><span style="margin: 0px 4px;"></span
      ><span style="margin: 0px 4px;"></span>
    </div>
  </div>
</div>

Я пробовал обновить .rateit> data-rateit-value & .rateit-range> aria-valuenow но не повезло.Также попробовал, запустив событие щелчка на промежутках, которые генерируют звезды, но не повезло

Так есть ли другой способ, с помощью которого я могу вызвать щелчок и обновить значение