Как отключить CSS для более быстрого выполнения тестов автоматизации?

Question

Ссылка:

1. Какой самый чистый способ временно отключить эффекты CSS-перехода?
2. http://onezeronull.com/2016/10/06/disable-css-transitions-and-animations-temporarily-or-permanently/

Всякий раз, когда мне нужно запустить тестовый JavaScript, я использую JavascriptExecutor, но ни один из блогов выше не объясняет, как это можно сделать с ним.

Я пытался:

js.executeScript(".notransition {
  -webkit-transition: none !important;
  -moz-transition: none !important;
  -o-transition: none !important;
  -ms-transition: none !important;
  transition: none !important;
}");

Но это ничего не делает для меня.

Edit:

Я пытался после ответа, предоставленного @AmerllicA

public void turnOffCss () {
    navigate("https://www.bureauofdigital.com");
    js.executeScript("*, *:before, *:after {
     -webkit-transition: none !important;
     -moz-transition: none !important;
     -ms-transition: none !important;
     -o-transition: none !important;        
     transition: none !important;

     -webkit-transform: none !important;
     -moz-transform: none !important;
     -ms-transform: none !important;
     -o-transform: none !important;        
     transform: none !important;
    }");
}

Answer 1

Я поставил другой ответ на ваш точный вопрос на JavaScript Executor.Давайте уточним код JavaScript,

1. создаем элемент тега style.
2. добавляем атрибут id со значением style-tag.
3. make* * * * * * * * * * * * * * * * * * * * 10 *
4. добавьте строку style к head в * 1021.

Теперь давайте запишем вышеуказанные состояния в JavaScript коды:

const styleElement = document.createElement('style');
styleElement.setAttribute('id','style-tag');
const styleTagCSSes = document.createTextNode('*,:after,:before{-webkit-transition:none!important;-moz-transition:none!important;-ms-transition:none!important;-o-transition:none!important;transition:none!important;-webkit-transform:none!important;-moz-transform:none!important;-ms-transform:none!important;-o-transform:none!important;transform:none!important}');
styleElement.appendChild(styleTagCSSes);
document.head.appendChild(styleElement);

С помощью этих кодов вы можете импортировать мой другой ответ CSS es в DOM.так что вы можете поместить строку ниже к вашему JavaScript Executor:

"const styleElement = document.createElement('style');styleElement.setAttribute('id','style-tag');const styleTagCSSes = document.createTextNode('*,:after,:before{-webkit-transition:none!important;-moz-transition:none!important;-ms-transition:none!important;-o-transition:none!important;transition:none!important;-webkit-transform:none!important;-moz-transform:none!important;-ms-transform:none!important;-o-transform:none!important;transform:none!important}');styleElement.appendChild(styleTagCSSes);document.head.appendChild(styleElement);"

Если вы хотите отменить это действие, просто используйте:

document.getElementById('style-tag').remove();

Надеюсь, эти коды помогут вам.

Answer 2

Ваш вопрос называется How to turn of CSS и что это значит? если вы имеете в виду очередь всех переходов, используйте следующий код:

*, *:before, *:after {
    -webkit-transition: none !important;
    -moz-transition: none !important;
    -ms-transition: none !important;
    -o-transition: none !important;        
    transition: none !important;
}

Я полагаю, ваш доступ только по JavaScript, поэтому вы не можете получить доступ к :before или :after, поэтому просто добавьте * к CSS es, чтобы пропустить все transitions.

Но некоторые анимации и прекрасные движения создаются методом свойства transform translate CSS, поэтому, если вы хотите опустить все анимации и движения, вы должны использовать приведенный ниже код:

*, *:before, *:after {
    -webkit-transition: none !important;
    -moz-transition: none !important;
    -ms-transition: none !important;
    -o-transition: none !important;        
    transition: none !important;

    -webkit-transform: none !important;
    -moz-transform: none !important;
    -ms-transform: none !important;
    -o-transform: none !important;        
    transform: none !important;
}

Этот код полностью разрушает весь интерфейс веб-сайта, но, возможно, поможет вам запустить тест.