Как скачать файл selenium-ом, кликая JS-скриптом на кнопку input submit?

Question

[Алан Гибизов]

Пытаюсь скачать файл, кликая selenium на bootstrap input-кнопку.
Кнопка выглядит так:

<input type="submit" value="Экспорт" onclick="hideModal(this);">

Кнопка в modal, но вроде как доступ к ней кое-как есть - кликаю я по ней скриптом (в лоб через selenium не кликается):

driver.execute_script('document.querySelector("#csv-export-form > p.buttons > input[type=submit]").click()')

При этом в chrome в DevTools/Network появляется соответствующая строчка - но некоторое время думает и краснеет, скачивание не происходит.
Если взять тот же JS-код

document.querySelector("#csv-export-form > p.buttons > input[type=submit]").click()'

и в DevTools/Console запустить в тех же условиях (т.е. состояние страницы то же, что и раньше, в том же Chrome, вызыванном selenium), то в DevTools/Network появляется та же строчка, и скачивание происходит нормально, как будто я кликнул мышкой.

spoiler

Чего не хватает, чтобы скачивание запускалось из selenium? И куда посмотреть, чтоб разобраться?

p.s. selenium v.3.141.0, под Python.

Answer 1

[Алан Гибизов]

Нашел! Оказывается, я использовал не тот метод у webdriver! Надо было использовать не .click(), а .submit(). И всё заработало.

Answer 2

[Надим]

https://qna.habr.com/q/885545

Comments

[Алан Гибизов]

Надим Закиров, спасибо за ссылку. Не совсем понял, как мне это может помочь?
Ну, то-есть, я догадываюсь, что тут как-то скриптом создается другая форма, в которой будет нормальная ссылка на скачивание файла. Так?
Если так, то я не понял, как в эту приблуду передается то, что мне надо скачать?

[Надим]

Алан Гибизов, вы должны для начала подгрузить сам файл в память как Blob, а затем уже этот Blob цеплять в поле, используя тот способ, что описан по сслыке.

[Алан Гибизов]

Надим Закиров, может я что-то не понимаю...
Есть сайт, он не мой. Там есть возможность скачать файл, как я показал в вопросе.
Файл не скачивается, я показал почему.
Вы говорите - подгрузить файл в память как Blob.

Я, наверно, что-то не так понимаю, но если я не могу скачать файл - как я его в память как Blob размещу-то? Каков механизм этого действа?

[Надим]

Алан Гибизов, вам нужно конвертировать загружаемый файл в base64. Далее из base64 текста, при желании, можно получить Blob, используя функцию fetch. Ну, а как вставить Blob в поле я уже выше кидал ссылку.

[Алан Гибизов]

Надим Закиров, я видимо неправильно сформулировал вопрос. Мне надо скачать файл, а я написал загрузить. Исправлюсь.

[Надим]

Алан Гибизов, скачать файл из inputa???

[Алан Гибизов]

Надим Закиров, именно так. Как я понимаю, там сделана кнопка «Экспорт», очевидно средствами bootstrap - там можно конструкцией <input type=‘submit’получить кнопку. Эта кнопка в моем случае запускает скачивание файла issues.csv
Зачем именно так сделали - я не знаю. Кнопка «Отмена» там же сделана обычной ссылкой, а тут - вот так…

[Надим]

Алан Гибизов, покажите форму вместе с кнопкой, точнее HTML под формы с этой кнопкой.

[Алан Гибизов]

Надим Закиров, как-то так:

<div id="csv-export-options" style="width: auto; min-height: 46px; max-height: none; height: auto;" class="ui-dialog-content ui-widget-content">
  <h3 class="title">CSV параметры экспорта</h3>
  <form id="csv-export-form" action="/issues.csv" accept-charset="UTF-8" method="get"><input name="utf8" type="hidden" value="✓">
  <input type="hidden" name="set_filter" value="1"><input type="hidden" name="f[]" value="status_id"><input type="hidden" name="op[status_id]" value="o"><input type="hidden" name="v[status_id][]" value=""><input type="hidden" name="f[]" value="tracker_id"><input type="hidden" name="op[tracker_id]" value="="><input type="hidden" name="v[tracker_id][]" value="10"><input type="hidden" name="c[]" value="id"><input type="hidden" name="c[]" value="project"><input type="hidden" name="c[]" value="tracker"><input type="hidden" name="c[]" value="status"><input type="hidden" name="c[]" value="priority"><input type="hidden" name="c[]" value="subject"><input type="hidden" name="c[]" value="cf_16"><input type="hidden" name="sort" value="id:desc">
  <p>
    <label><input type="radio" name="c[]" id="c__" value="" checked="checked"> Выбранные столбцы</label><br>
    <label><input type="radio" name="c[]" id="c__all_inline" value="all_inline"> Все столбцы</label>
  </p>
  <p>
    <label><input type="checkbox" name="c[]" id="c_" value="description"> Описание</label>
    <label><input type="checkbox" name="c[]" id="c_" value="last_notes"> Последние примечания</label>
  </p>
  
  <p class="buttons">
    <input type="submit" value="Экспорт" onclick="hideModal(this);">
    <a href="#" onclick="hideModal(this);; return false;">Отмена</a>
  </p>
</form></div>

[Надим]

Алан Гибизов, для загрузки файла вам надо сделать GET запрос, передав точно те же данные что прописаны в форме.

[Алан Гибизов]

Надим Закиров, я пробовал. Если я это делаю тупо из браузера, оно работает. А если через selenium:
driver.get(url)
или, что по результату равноценно, кликаю на кнопку скриптом из selenium, то скачивание не начинается, хотя запрос в Network появляется.
Если этот запрос скопировать из Network и вставить в браузер, скачивание происходит успешно. Если в браузере скриптом в консоли нажать на кнопку, скачивание тоже происходит.

Как бы найти разницу в уходящих запросах? Прокси всякие теоретически можно, но очень трудно без последствий, т.к. это корпоративная сеть и безопасники возбуждаются.

[Надим]

Алан Гибизов, а что мешает вам использовать скопированную ссылку на постоянке?

[Алан Гибизов]

Надим Закиров, если бы я мог, я бы так и делал. Повторюсь:
руками всё работает. Скриптом не работает.
requests в этом конкретном проекте я не осилил, selenium работает идеально всё до последней кнопки :/ последняя кнопка не сдаётся. get(url) не работает, тот же url ручками работает :/

[Надим]

Алан Гибизов, используйте вместо request ajax или fetch, не вижу проблем.

[Алан Гибизов]

Надим Закиров, а и правда, чего это я. Спасибо за наводку! Прошу поправить ответ, в смысле там порекомендовать использовать альтернативные библиотеки. Отмечу решением.