Açısal js uygulaması için ileticide animasyonlar nasıl devre dışı bırakılır

Question

Herhangi biri, iletki testlerini yürütürken, açısal js uygulamasındaki animasyonları nasıl devre dışı bırakabileceğimi önerebilir. Benim iletki yapılandırma dosyasında kodunun altına eklemiş ama bu beni yardımcı olmuyor:

var disableNgAnimate = function() { 
    angular.module('disableNgAnimate', []).run(function($animate) { 
     $animate.enabled(false); 
    }); 
}; 
browser.addMockModule('disableNgAnimate', disableNgAnimate); 

Answer 1

bir örnek için bu bakınız: https://github.com/angular/protractor/blob/master/spec/basic/elements_spec.js#L123

it('should export an allowAnimations helper', function() { 
    browser.get('index.html#/animation'); 
    var animationTop = element(by.id('animationTop')); 
    var toggledNode = element(by.id('toggledNode')); // animated toggle 

    // disable animation 
    animationTop.allowAnimations(false); 

    // it should toggle without animation now 
    element(by.id('checkbox')).click(); 
    }); 

Answer 2

Sen açısal en iletki yapılandırmasını kontrol edebilirsiniz: https://github.com/angular/angular.js/blob/master/protractor-shared-conf.js

Sen onPrepare bloğunun altında eklemek gerekir:

onPrepare: function() { 
/* global angular: false, browser: false, jasmine: false */ 

// Disable animations so e2e tests run more quickly 
var disableNgAnimate = function() { 
    angular.module('disableNgAnimate', []).run(['$animate', function($animate) { 
    $animate.enabled(false); 
    }]); 
}; 

browser.addMockModule('disableNgAnimate', disableNgAnimate); 

Answer 3

@DavidPisoni İlk görüşte geçerli gibi görünüyor. Hala ödeme isteyebilirsiniz birkaç şey vardır Eğer varsa sen e2e-ortak şeyler

gibi tarayıcı ile bir şey yapıyorsun eğer bir söz dönmelidir İletki 2.0

• açısal-ön yükleme alanı kullanarak onlar servisini animasyon $ kullanmayan yerler vardır ve bunun yerine çıplak javaScript kullanılarak animasyonlar uygulayarak

Answer 4

devre dışı bırakılması CSS Animasyonlar/Geçişler

ngAnimation özelliğini devre dışı bırakmaya ek olarak (yani, element(by.css('body')).allowAnimations(false);), CSS ile uygulanan bazı animasyonları devre dışı bırakmanız gerekebilir.

Bu bazen bazı tür animasyon elemanları katkıda bulduk, işte tıklanabilir 'olması iletki görünebilir (yani EC.elementToBeClickable(btnUiBootstrapModalClose)), aslında, benim özel durumda, vb .click() için

yanıt için İçeri giren ve çıkan bir ui.bootstrap modal ıstırap çekiyordum ve her zaman dahili 'yakın' düğmesini güvenilir bir şekilde tıklayamadım.

disabling css animations'un yardımcı olduğunu buldum. Bir stil sayfası için bir sınıf ekledi:

.notransition * { 
    -webkit-transition: none !important; 
    -moz-transition: none !important; 
    -o-transition: none !important; 
    -ms-transition: none !important; 
    transition: none !important; 
} 

... ve iletki içinde, ben gibi bir şey var:

_self.disableCssAnimations = function() { 
    return browser.executeScript("document.body.className += ' notransition';"); 
}; 

Orada bu kavramı uygulanması yağmurluk yolları olabilir, ama bunu buldum olabilir

Yukarıda benim için çok iyi çalıştı - testlerin stabilize edilmesine ek olarak, animasyonları beklemeden daha hızlı çalışırlar.

... 
onPrepare: function() { 
    var disableNgAnimate = function() { 
     angular 
      .module('disableNgAnimate', []) 
      .run(['$animate', function($animate) { 
       $animate.enabled(false); 
      }]); 
    }; 

    var disableCssAnimate = function() { 
     angular 
      .module('disableCssAnimate', []) 
      .run(function() { 
       var style = document.createElement('style'); 
       style.type = 'text/css'; 
       style.innerHTML = '* {' + 
        '-webkit-transition: none !important;' + 
        '-moz-transition: none !important' + 
        '-o-transition: none !important' + 
        '-ms-transition: none !important' + 
        'transition: none !important' + 
        '}'; 
       document.getElementsByTagName('head')[0].appendChild(style); 
      }); 
    }; 

    browser.addMockModule('disableNgAnimate', disableNgAnimate); 
    browser.addMockModule('disableCssAnimate', disableCssAnimate); 
} 
... 

unutmayın::

Answer 5

Ben şahsen hem Eğik/CSS animasyonları devre dışı bırakmak için benim 'conf.js' dosyasında "onPrepare" işlevinde aşağıdaki kodu kullanabilirsiniz Yukarıdaki kod yazmadım, Kendi testlerimi hızlandırmanın yollarını ararken çevrimiçi buldum.