Кнопка кукловода не нажимается

Question

Кажется, я не могу получить нажатие кнопки с помощью кукловода. Вот мой код, а ниже - скриншот DOM. Обратите внимание, что я могу нормально ввести электронное письмо, и выбран правильный элемент кнопки, но я не могу заставить его щелкнуть его.

  const form = await page.$('[action="https://deadstock.us6.list-manage.com/subscribe/post?u=be9b719d1c345d54269781365&id=5534002567"]');
  const email = await form.$('#mce-EMAIL');
  const sub = await form.$('#mc-embedded-subscribe');
  await email.type(MyData[row].email);
  await sub.click;

введите описание изображения здесь

Answer 1

Если вы проверите длину $$('#mc-embedded-subscribe'), вы увидите, что есть больше элементов с тем же самым селектором. Таким образом, вам нужно сначала выбрать все из них с помощью page.$$, затем вам нужно щелкнуть по 1-му, выбрав индекс [0]. И вам нужно использовать elementHandle.click(), в вашем клике отсутствовала скобка.

  const sub = await form.$$('#mc-embedded-subscribe');
  ...
  await sub[0].click();