Тот факт, что сайт говорит, что мы не можем вставить в поле, не значит, что мы должны в это верить.
Вдохновлен этим сообщением в блоге:
dev.to/claireparker/how-to-prevent-pasting-into-input-fields-nn
Клер Паркер-Джонс показывает, как предотвратить вставку людей в поля ввода. Это общий код, и вы многое увидите его на Stackoverflow. Пост Клэр, казалось, получила много неверных комментариев, но люди делают это, и она просто хотела узнать, как это было сделано, и поделилась этим знанием. Она также приложила время на создание примера CodePen, с которым вы можете исследовать и экспериментировать.
Я развел пример кода здесь:
Это ужасный шаблон UX, но мы видим это все время. И Как тестеры, мы должны работать с этим, или обезумно.
Как обойти код вставки?
Так как же мы его обойти?
- Осмотрите и удалите слушателя в инструментах DEV
- с кодом из консоли:
~~~~ document.getElementById (“Paste-no”). OnPaste = {}; ~~~~
~~~~; ~~~~
~~~~ function () {}; ~~~~
Если бы это было не в кадре, было бы легко создать закладку. Создание закладок может быть сделано, но это немного сложнее, чем если бы он не был в кадре. Для получения информации о закладках и рамах см. https://www.irt.org/articles/js170/
Все в графическом интерфейсе – это наше, чтобы наблюдать, допрашивать и манипулировать. Вот почему в качестве тестеров, тем больше мы понимаем технологию и инструменты, тем больше мы открываем возможности и варианты в нашем тестировании. И мы не должны ограничивать наше тестирование очевидными «счастливыми» путями в графическом интерфейсе.
Если вы заинтересованы в изучении такого типа вещей, у меня есть онлайн -курс:
https://eviltester.com/techwebtest101
У меня есть следующее эксклюзивное видео для патрионов, которое показывает, что показывает другой способ обойти вставку (внесение изменений в атрибут значения WebElement) и обсудить это более подробно в отношении тестирования программного обеспечения, риска и адвокации Bug & UX.
https://www.patreon.com/posts/24482175
Бесплатное видео, показывающее, как вставить в поля без вставки
Оригинал: “https://dev.to/eviltester/how-to-bypass-no-paste-controls-on-a-web-form-id8”