изменение формы HTML.erb с помощью селектора запросов

Question

Я пытаюсь автоматически заполнить форму входа в приложение для демонстрационных рельсов.используя устройство для аутентификации.У меня есть базовая форма для файла HTML.erb:

<%= form_for(resource, as: resource_name, url: session_path(resource_name)) do |f| %>
  <div class="field" name="email">
    <%= f.label :email %><br />
    <%= f.email_field :email, autofocus: true %>
  </div>

  <div class="field" name="password">
    <%= f.label :password %><br />
    <%= f.password_field :password, autocomplete: "off" %>
  </div>

, и в моих файлах js я пытаюсь это

document.addEventListener('DOMContentLoaded', function () {
  var email_input = (document.querySelector('div[name="email"]').value =
    "demouser@mail.com");
  var password_input = document.querySelector('div[name="password"]');
  password_input.value = "password"
})

Я узнал, что если вы оберните ваши селекторы в'DOMcontentLoaded' eventListener, вы можете заставить этот текущий код работать.Моя проблема теперь в том, как пойти глубже и выбрать поля электронной почты и пароля для рельсов.заранее спасибо.

Answer 1

не берите в голову, я проверил HTML в devtools и оказалось, что это просто тег ввода.поменял местами div для ввода и все работает.спасибо