Protractor: $ समय समाप्ति () के इंतजार से बचें?

आप ptor.ignoreSynchronization उपयोग कर सकते हैं, लेकिन इससे आपके परीक्षण में कहीं और चंचलता आ सकती है। वैकल्पिक रूप से, कोणीय 1.2rc3 पर, अब interval सेवा है, जिसके लिए Protractor प्रतीक्षा नहीं करेगा (देखें https://github.com/angular/angular.js/commit/2b5ce84f7b41fca24707e163ec6af84bc12e83)। आप एक अंतराल सेट कर सकते हैं जो 1 बार दोहराएगा।

हाय @drhumlen , हमारे पास एक ही समस्या थी और हम निष्कर्ष निकालते हैं कि पॉपअप निश्चित रूप से कुछ है जो इकाई परीक्षण के लिए जाना चाहिए। इसलिए, हमने अपनी अधिसूचना प्रणाली का मजाक उड़ाया है और उम्मीद करते हैं कि मॉक को बुलाया गया है (अंततः कुछ महत्वपूर्ण संकेत के साथ)। हमने यह भी सुनिश्चित करने के लिए अधिसूचना का परीक्षण किया कि कुछ भी नहीं टूटता है।
उम्मीद है कि मदद

$interval ने हमारे लिए चाल चली।

  $interval(function() {
    // ...
  }, duration, 1);

यह अब बहुत अच्छा काम करता है। लेकिन हमें बहुत संजीदा होना होगा और सुनिश्चित करना होगा कि प्रत्येक परीक्षण के बाद पॉपअप को किसी अन्य तरीके से हटा दिया जाए (हमारे मामले में, "x" -बटन पर क्लिक करके):

  afterEach(function() {
    removeLogMessagesFromDOM();
  });

@ मैकेविक : मुझे लगता है कि कई ऐप्स के लिए यूनिट टेस्ट के साथ इसका परीक्षण करना संभव है, लेकिन हमारे मामले में, बैकएंड द्वारा त्रुटि संदेश उत्पन्न होते हैं, इसलिए हमें उन्हें e2e में परीक्षण करना होगा।

साभार @juliemr

यह अजीब लगता है कि प्रोटेक्टर $timeout s का इंतजार करता है। अधिकांश समय उपयोगकर्ता को इसके खिलाफ काम करना होगा?

साथ ही इस समस्या का सामना किया और इसे $interval साथ हल किया। थोड़े से मोड़ के साथ आप इसे $timeout तरह उपयोग कर सकते हैं।

मैं सहेजने की विधि का परीक्षण करना चाहता था और यह सत्यापित करना चाहता था कि बचत के बाद सफलता की सूचना प्रदर्शित हो। यह सूचना $ टाइमआउट सेवा द्वारा छिपाई जा रही थी। प्रोट्रैक्टर $ टाइमआउट की प्रतीक्षा कर रहा था और जांच कर रहा था कि क्या अधिसूचना पहले से ही छिपे होने के बाद दिखाई दे रही है।

इससे पहले:

$timeout(function() {
    //hide notification
}, 3000);

उपरांत:

var intervalCanceller = $interval(function() {
    //hide notification
    $interval.cancel(intervalCanceller);
}, 3000);

क्या यह एक वैध मुद्दा नहीं माना जाता है? मैं बस खुद इस में भाग गया। मैं वास्तव में नहीं देखता कि $interval बजाय $timeout का उपयोग करना एक समाधान है, अधिक समाधान है।

मुझे यह काम करने के लिए भी नहीं मिल सकता है, भले ही मैं $interval से $timeout $interval बदलूं।

मेरे पास एक टोस्ट है जो एक टाइमआउट के बाद गायब हो जाता है। यह वह कोड है जो मैं इसका परीक्षण करने के लिए उपयोग कर रहा हूं:

username = element(select.model("user.username"))
password = element(select.model("user.password"))
loginButton = $('button[type=\'submit\']')
toast = $('.toaster')
# Check the toaster isn't displayed initially
expect(toast.isDisplayed()).toBe(false)  # This passes
username.sendKeys("redders")
password.sendKeys("wrongpassword")
loginButton.click()
toastMessage = $('toast-message')
# Check the toaster is now displayed
expect(toast.isDisplayed()).toBe(true)   # This passes
expect(toastMessage.getText()).toBe("Invalid password")  # This fails

प्रासंगिक मार्कअप यहां है (जेड)

.toaster(ng-show="messages.length")
  .toast-message(ng-repeat="message in messages") {{message.body}}

असफलता यह है कि toastMessage = $('toast-message') किसी भी तत्व से मेल नहीं खाती है। क्या यह विफल हो रहा है क्योंकि इसे शुरू में बुलाया जा रहा है, जब .toast-message मौजूद नहीं है?

क्या यह मुद्दा अभी तक तय किया गया था? क्योंकि टाइमआउट के बजाय अंतराल का उपयोग करना समाधान से अधिक हैक या वर्कअराउंड है।

मैं एक ही मुद्दे और ब्राउज़र का सामना करता हूं ।ignoreSynchronization = true; सहायता नहीं करता है। मैं कोड को $ अंतराल में बदल सकता हूं लेकिन ई 2 ई परीक्षणों को वास्तविक कोड का परीक्षण करना चाहिए न कि उनके द्वारा अपनाया गया कोड।

@ vytautas-pranskunas- लगता है कि आपके लिए एक अलग मुद्दा है अगर ignoreSynchronization काम नहीं कर रहा है। यदि आप एक प्रतिलिपि प्रस्तुत करने योग्य उदाहरण प्रदान कर सकते हैं, तो एक नया मुद्दा खोलें।

मुझे पता चला जब ignoreSynchronization काम नहीं कर रहा है:
मेरे पास एक सेवा है जो त्रुटि संदेश दिखाने के लिए जिम्मेदार है। एक बार शो संदेश स्क्रीन पर पांच सेकंड तक रहने के बाद दूर हो जाता है। इस प्रक्रिया को $ टाइमआउट द्वारा नियंत्रित किया जाता है।

मुझे दो परिदृश्य मिले - पहले ignoreSynchronization ठीक काम करते हैं, दूसरे में - नहीं

1) मुझे पता है कि उपयोगकर्ता क्लिक बटन के तुरंत बाद संदेश दिखाई देने चाहिए और मैं expec(message).tobe(...) इस मामले में ignoreSynchronization काम करता हूं।

2) मुझे पता है कि संदेश किसी भी समय के बाद दिखाई दे सकता है (सर्वर प्रतिक्रिया समय पर निर्भर करता है) और मेरे आगे के तर्क को तब ही निष्पादित किया जाना चाहिए, जब ऐसा प्रतीत होता है कि इस मामले में मुझे browser.wait(by.(....).isPresent(), n) यहाँ ignoreSynchronization काम करना बंद कर रहा है और प्रवाह का अनुसरण कर रहा है (मैं प्रतीक्षा करते समय browser.wait कंसोल.लॉग आउटपुट दिखाऊंगा)

waits
waits
waits (element appears)
browser waits freezes for 5 seconds
after element disappears it continue
wait
wait
wait

तो जैसा कि आप देख सकते हैं कि यह कभी भी तत्व को नहीं देखता है क्योंकि $ टाइमआउट के संपर्क में होने पर फ्रीज का इंतजार करना पड़ता है

मेरे पास प्लंकर में इसे प्रजनन योग्य बनाने के लिए वास्तव में बहुत समय नहीं है, लेकिन अगर आप इसे करने की कोशिश करेंगे तो यह बहुत अच्छा होगा क्योंकि यह परिदृश्य काफी सामान्य होना चाहिए।

थनक

आप लॉग उस कोड के संदर्भ के बिना वास्तव में बहुत उपयोगी नहीं हैं जिसने इसे बनाया है। क्या आप इसे साझा कर सकते हैं?

मैं गोपनीयता के कारण अपना कोड साझा नहीं कर सकता, लेकिन मुझे एक विचार प्राप्त करने के लिए कुछ छद्म कोड दिखा सकता हूं
(html कोड नहीं लिखना क्योंकि संदेश प्रदर्शित करने के लिए बटन और एनजी-रिपीट है)

constructor(){
$scope.$on('globalMessageAdded', () => {
            $scope.globalMessages = this.getMessages();
        });
}

callServer(){
//interval here acts like server delay
   $interval(()=> {
     $rootScope.messages.push('test messages');
      this.$rootScope.$broadcast('globalMessageAdded');
   }, 3000, 1);
}

getMessages = () => {
        var newMessages = <ISpaGlobalMessage[]>[];
        _.forEach(this.$rootScope.globalMessages, item => {
            newMessages.push(item);
//because of this timeout browser.wait stops waitng for 5 seconds
            this.$timeout(() => {
                this.remove(item);
                this.$rootScope.$broadcast('globalMessageRemoved');
            }, 5000);
        });

        return newMessages;
    }

और फैला हुआ भाग

element('button').click();
browser.ignoreSynchronization = true; //tried with and without it
browser.wait(() => element(by.css('.alert-success')).isPresent(), 10000000);
browser.ignoreSynchronization = false;

other code that should be executed after successful message

browser.wait कभी भी उस तत्व को नहीं खोजता है क्योंकि तत्व मौजूद है। ब्राउज़ चेक को ट्रिगर नहीं कर रहा है।

क्या इस पर कोई प्रगति या विचार है?

क्यों "browser.ignoreSynchronization = false?" Browser.wait () के तुरंत बाद सेट नहीं किया जा सकता है?

मेरा कोड

        var el = element(by.css('.popup-title.ng-binding'));
        browser.ignoreSynchronization = true; 
        browser.wait(function (){
            return el.isPresent();
        }, 10000);
        var popupMsg = el.getText();
        expect(popupMsg).toEqual('something...');
        browser.ignoreSynchronization = false; // not work, if take out this statement, it works again

उसी समस्या से काटे जा रहे हैं। टोस्ट मॉड्यूल जो हम उपयोग करते हैं वह npm के लिए एक सामान्य घटक है, इसलिए हम इसे $ अंतराल का उपयोग करने के लिए आसानी से बदल नहीं सकते हैं। मैं यह भी देखने में असफल हूं कि प्रोट्रैक्टर को एक का इंतजार क्यों करना चाहिए और दूसरे का नहीं। आदर्श रूप से यह स्वयं पर कॉन्फ़िगर करने योग्य होगा, इसलिए यह अन्य सिंक्रनाइज़ेशन वेट को प्रभावित नहीं करता है।

हमारे पास यह मुद्दा कोणीय-यूआई / बूटस्ट्रैप # 3982 पर है और हमने इसे $ अंतराल में स्वैप नहीं करने का फैसला किया है इसलिए हम यहां यह देखने के लिए आते हैं कि क्या ऐसा कुछ है जो इस मुद्दे को ठीक करने के लिए किया जा सकता है।

आपका बहुत बहुत धन्यवाद।

मैं टोस्ट अधिसूचना घटक का उपयोग करके इस सप्ताह इस समस्या से गुज़रा।

का उपयोग करते हुए $interval के बजाय $timeout एक सुखद समाधान नहीं है। और browser.ignoreSynchronization = true मेरे लिए भी काम नहीं करता है।

कोई तुच्छ या विचार?

क्या कोणीय टीम इस मुद्दे को फिर से खोलने की योजना बना रही है क्योंकि अधिक से अधिक लोग इसमें भाग लेते हैं। यह पेशेवर नहीं है केवल दिखावा है कि कोई मुद्दा नहीं है क्योंकि आप $ मध्यांतर को $ अंतराल के साथ बदल सकते हैं क्योंकि कोड को फिट परीक्षण के लिए नहीं लिखा जाना चाहिए - परीक्षण को परीक्षण कोड लिखा जाना चाहिए।

+1 हमें एक फिक्स भी चाहिए।

माना। टेस्ट फिक्स होना चाहिए। +1

+1, इस अंक में भी चला। हो सकता है कि प्रॉटेक्टर टाइमआउट्स को बताने का कोई तरीका होना चाहिए।

IgnSynchronisation मेरे लिए काम नहीं करता है, मुझे लगता है कि यह बहुत अधिक चीजों को नजरअंदाज करता है। हमें टाइमआउट सिंक्रनाइज़ेशन को अनदेखा करने का एक तरीका चाहिए, या browser.waitForTimeouts(); जैसे अधिक परिष्कृत API होना चाहिए।

+1। एक तय की जरूरत है। क्यों हम अंतराल के साथ बदसूरत workarounds का उपयोग करना चाहिए।

+1

+1, परतदार परीक्षणों को संभालना बहुत मुश्किल है .. इसके लिए एक समाधान की आवश्यकता है

+1 @ vytautas-pranskunas से सहमत हैं- हमें उस कोड को बदलने की आवश्यकता नहीं होनी चाहिए जिसे हम केवल परीक्षण करने के लिए परीक्षण करना चाहते हैं ताकि वह स्वयं काम कर सके ...।

+1

+1

+1

+1

+1

+1

+1

+1

+1

+1

मुझे लगता है कि बहुत से लोग गलत तरीके से browser.ignoreSynchronization = true का उपयोग कर रहे होंगे। कृपया मुझे सही करें अगर मैं गलत हूँ, लेकिन मेरे लिए अगर आप लिखते हैं:

browser.ignoreSynchronization = true;
expect( elem.getText() ).toEqual( "foo" );
browser.ignoreSynchronization = false;

तब यह काम नहीं करेगा: यह अभी भी शुद्ध जावास्क्रिप्ट है और तीन पंक्तियों को सिंक्रोनाइज़ किया जाएगा। इसलिए जब तक getText और expect वादे हल नहीं हो जाते, तब तक सिंक्रोनाइज़ेशन पहले ही वापस चालू हो जाएगा। आप पिछले वादे को हल करने और अपने then कॉलबैक पर वापस तुल्यकालन की प्रतीक्षा कर के चारों ओर काम कर सकते हैं।

प्रोटेक्टर टीम के लिए लोगों की मदद करने का एक तरीका उन तरीकों तक पहुंच प्रदान करना हो सकता है जो केवल वादा किए गए बफर के होने पर सिंक्रनाइज़ेशन को प्रभावित करते हैं। उदाहरण के लिए:

browser.setIgnoreSynchronization( true );
expect( elem.getText() ).toEqual( "foo" );
browser.setIgnoreSynchronization( false );

वैसे भी, मैं भी कई परेशानियों में भाग गया हूं, क्योंकि प्रोटेक्टर $ टाइमआउट की प्रतीक्षा कर रहा है: एक बड़े एप्लिकेशन में बहुत अधिक साइड इफेक्ट्स हैं, यह कुछ टूलटिप्स, मोडल, एनिमेशन आदि हैं। हमने वैश्विक रूप से browser.ignoreSynchronization = true; साथ सिंक को अक्षम करने का फैसला किया है।

+1 $ अंतराल का उपयोग करना एक हैक है, एक समाधान नहीं है

+1 इस बग ने मुझे इतना दुखी किया है। कृपया इसे ठीक करने के तरीके पर एक संवाद शुरू करें। मेरे पास कई दर्जन बोवर और एनपीएम कोणीय मॉड्यूल हैं जो $ टाइमआउट का उपयोग करते हैं, सैकड़ों (!) स्थानों में, साथ ही मैं इसे अपने कोड में 45 बार उपयोग करता हूं। मेरा कोड बदलना संभव है (और वाजिब), हालाँकि, थर्ड पार्टी कोड बदलना पूरी तरह से तार्किक रूप से सवाल से बाहर है: अपस्ट्रीम प्रोवाइडर से संपर्क करना और स्थानीय स्तर पर थर्ड पार्टी कोणीय मॉड्यूल्स के लिए प्रेरित करना और समानांतर पैच स्ट्रीम बनाए रखना एक बुरा सपना है। स्वीकार्य नहीं है, जब बग प्रोटेक्टर और $ टाइमआउट के साथ है, न कि बाहर के मॉड्यूल से।

कृपया इस पर मिलकर काम करें।

+1

यह बग नमूना परिदृश्य के लिए e2e परीक्षण करने के लिए समस्याएं पैदा कर रहा है,

1) खेतों को भरें और कुछ फ़ॉर्म जमा करें, जो कई घटनाओं को प्रसारित करेगा
* स्टेटस मैसेज लिंक, जो $ टाइमआउट के साथ संलग्न है और केवल कुछ सेकंड के लिए दिखाई देता है
* अलग विजेट में संदेश सूची में एक नया संदेश जुड़ जाता है
2) अगला जब आप स्थिति संदेश लिंक पर क्लिक करते हैं, तो उसे संदेश को विवरण के साथ पॉप अप के रूप में खोलना चाहिए

इसलिए जब हम परिदृश्य को स्वचालित करने की कोशिश कर रहे हैं, तो हम फॉर्म जमा करने में सक्षम हैं। लेकिन जब हम स्टेटस मैसेज लिंक पर क्लिक करने की कोशिश कर रहे होते हैं, तो हमें ब्राउज़र .ignoreSynchronization = true होना चाहिए; क्योंकि लिंक $ टाइमआउट से जुड़ा हुआ है।

लिंक क्लिक करने योग्य है, लेकिन पॉप अप के रूप में खुलने वाला संदेश काम नहीं कर रहा है।

जब मैंने स्टैकओवरफ़्लो और कुछ Google उत्तरों की जाँच की, तो मुझे पता चला कि यह $ टाइमआउट के कारण है। इसलिए मैंने तत्व के लिए $ समय समाप्त करके जाँच की, अब यह ठीक से काम करता है।

इसलिए मेरा अनुरोध है कि हम हर बार $ समय के बिना एक तत्व नहीं दे सकते। इसलिए कृपया उपर्युक्त परिदृश्य पर विचार करें और एक नई सुविधा प्रदान करें जहां प्रोट्रैक्टर $ टाइमआउट की प्रतीक्षा में उपेक्षा कर सकता है।

एक ही मुद्दे का सामना करना पड़ा, इससे बचने के लिए window.setTimeout और window.clearTimeout का उपयोग करना पड़ा। बहुत कोणीय तरीका नहीं है और पाचन में हस्तक्षेप कर सकता है, लेकिन $ अंतराल और सिंक्रनाइज़ेशन की अनदेखी करना कोई समाधान नहीं है

ठीक उसी मुद्दे का सामना करते हुए, क्या किसी भी टीम के लिए इस पर प्रतिक्रिया होगी?

+1

यह मुझे पागल कर रहा था (प्रोट्रेक्टर नोब यहाँ) जब तक मैं नीचे के रूप में एक गंदे समाधान पर नहीं आया:

beforeEach(function () { browser.ignoreSynchronization = true; });
afterEach(function () { browser.restart(); });

ठीक काम करता है और सिर रहित ब्राउज़र पर बहुत धीमा नहीं है।

+1

यहां भी एक मुद्दे पर चल रहा है। मेरे परीक्षण तब तक सुचारू रूप से चल रहे थे जब तक कि एक पृष्ठ पर जाकर कुछ एपीआई अनुरोध नहीं करता और कुछ वेबसॉकेट खोलता है। उस समय, प्रोट्रैक्टर समय से बाहर, हर बार। मुझे अच्छा समाधान नहीं सूझा।

यदि आप विश्व स्तर पर browser.ignoreSynchronization = true; बंद करते हैं, तो मैं आपके सुझाए गए सहायक तरीकों के बारे में उत्सुक हूं । अभी मैं पृष्ठ ऑब्जेक्ट्स का उपयोग कर रहा हूं, जो देखने में ऐसा लगता है:

describe('something', function() {
  it('should do....', function() {
    var fooPage = new FooPage();
    fooPage.visit();
    var barPage = fooPage.clickCreate();  // does some API call, then redirects to barPage
    // at this point, enough things are happening that it is impossible to interact with barPage.
    // Protractor locks up.
    // barPage makes other API call & opens WebSocket
    barPage.clickBaz();  // nope.  will timeout every time.
  });
});

@benjaminapetersen मेरे मददगार इस तरह दिखते हैं:

btn1.click();         // Triggers many things and eventually displays page2
wait.forURL('page2'); // wait for page2 to be loaded before moving on
$('.btn1').click();   // this does some async job and eventually displays btn2
wait.forElement('.btn2');
$('.btn2').click();

उदाहरण के लिए wait.forElement वापसी

browser.wait(() => elem.isPresent().then(p => p, () => {}), timeout, 'Not found');
// browser.wait(function() { return elem.isPresent().then(function(p) { return p;} , function() {}); }, timeout, 'Not found');

यह विचार वास्तविक उपयोगकर्ता व्यवहार की नकल करने के लिए है: मैं एक तत्व पर क्लिक करता हूं, मैं तब तक इंतजार करता हूं जब तक कि कोई दूसरा दिखाई नहीं देता है, फिर मैं इस पर क्लिक करता हूं, आदि। इस तरह से $ timeout की प्रतीक्षा करने की आवश्यकता नहीं है, यह तेज और सुरक्षित है।

यहाँ कुंजी आंतरिक वादे से त्रुटियों को अनदेखा करना है और समय समाप्त होने तक इसे कुछ और प्रयास देना है।

पुनश्च: आप इसके लिए ExpectedConditions का भी उपयोग कर सकते हैं, लेकिन मुझे उनके साथ कुछ समस्याएं थीं जब कोणीय DOM नोड को फिर से बनाएगा (उदाहरण के लिए ng-if शर्तें):

browser.wait(browser.ExpectedConditions.precenseOf(elem), timeout, 'Not found');

@floribon भयानक, धन्यवाद!

@ जुलिम्र यू मुझे मेरी मदद करने के लिए कृपया मुझे [email protected]

@juliemr लंबे समय से चल रहे http अनुरोधों को लागू करने के लिए $ अंतराल सेवा का उपयोग करना काम नहीं कर रहा है। प्रोटेक्टर अभी भी टाइमआउट हो रहा है।
यहाँ मेरा कोणीय कोड है
यह। $ अंतराल () (> =)। $ http.get(यह। उपसर्ग (यूआरएल), विन्यास), ०, १)
प्रोट्रेक्टर अभी भी $ http कार्य पूरा होने की प्रतीक्षा कर रहा है।
मैं चांदा 5.x और angualrjs 1.6x का उपयोग कर रहा हूं।
क्या तुम मेरी मदद कर सकते हो?

+1, इसे संभालने के लिए कुछ जोड़ा जाना चाहिए।

+1

+1

+1

+1

+1

+1

इस युक्ति ने मेरे लिए काम किया। बहुत धन्यवाद! और चीयर्स @floribon को संकेत के लिए बाहर जाते हैं कि निष्पादन अतुल्यकालिक है।

    // screenshot-spec.js

    // a close button that appears on the md-toast template
    const closeToastButton = $('[data-automation="toast-close"]')
    const cond = protractor.ExpectedConditions
    function waitToastShow() {
        return browser.wait(cond.elementToBeClickable(closeToastButton), 5000)
    }
    function waitToastHide() {
        return browser.wait(cond.invisibilityOf(closeToastButton), 5000)
    }

    screenshot = name => browser.takeScreenshot().then(/* save fn */)

    describe('a suite ... ', () => {
        it('takes screenshots of an md-toast once shown and after hidden', function () {
            // ... actions that launch an md-toast using $mdToast.show({ ... })
            browser.ignoreSynchronization = true
            waitToastShow().then(() => {
                screenshot('toast-showing.png')
                waitToastHide().then(() => {
                    screenshot('toast-hidden.png')
                    browser.ignoreSynchronization = false;
                })
            })
        });
    }

लोग कैसे मैं एक निश्चित परीक्षण मामले के लिए टाइमआउट जोड़ सकते हैं
`
यह ('1-एक ईमेल पर भेजे गए पंजीकरण कोड के साथ लॉगिन होना चाहिए', फ़ंक्शन (किया) {

// setTimeout(function () {
            flow.execute(browser.params.getLastEmail)
                .then(function (email) {
                    expect(email.subject)
                        .toEqual('[email protected] submitted feedback');
                    expect(email.headers.to)
                        .toEqual('[email protected]');
                    expect(email.html.includes('User feedback details: accountId: 12345, related To: dashboard, description: ' + D.feedbackMsg + ''))
                        .toEqual(true);
                    console.log(email.html);
                    // done();
                });


    });`