Protractor: जब ऐप को ngUpgrad के साथ बूटस्ट्रैप किया जाता है तो प्रोटैक्टर विफल हो जाता है

को निर्मित 16 मई 2017 · 51टिप्पणियाँ · स्रोत: angular/protractor

मैं एक AngularJS (1.6) ऐप को एंगुलर (4) में माइग्रेट करने पर काम कर रहा हूं और अब एक हाइब्रिड एप्लिकेशन है, जिसे NgUpgrad के साथ बूटस्ट्रैप किया गया है। ऐसा लगता है कि इसने मेरे प्रोटैक्टर परीक्षणों को पूरी तरह से तोड़ दिया है।

मुझे माफ कर दो अगर यह कुछ ऐसा है जो मैं गलत कर रहा हूं, लेकिन मुझे कोई जवाब नहीं मिल रहा है कि यह क्यों काम नहीं करेगा।

मुझे जो त्रुटि मिलती है वह है:

विफल: अतुल्यकालिक कोणीय कार्यों के 11 सेकंड के बाद समाप्त होने की प्रतीक्षा में समय समाप्त। ऐसा इसलिए हो सकता है क्योंकि वर्तमान पृष्ठ एक कोणीय अनुप्रयोग नहीं है। अधिक जानकारी के लिए कृपया अक्सर पूछे जाने वाले प्रश्न देखें: https://github.com/angular/protractor/blob/master/docs/timeouts.md#waiting -for-angular
लोकेटर के साथ तत्व की प्रतीक्षा करते समय - लोकेटर: By(css चयनकर्ता, .toggle-summary-button)

हाइब्रिड ऐप में बदलाव

एप्लिकेशन ठीक चल रहा है, और AngularJS और Angular दोनों घटक अपेक्षा के अनुरूप काम कर रहे हैं। बूटस्ट्रैपिंग प्रक्रिया में मैंने जो परिवर्तन किए हैं वे हैं:

1 html टैग से एनजी-ऐप हटाया गया:

<html lang="en" *ng-app="myapp">

2 एक AppModules (@NgModule) आदि जोड़ा।

3 ऐप को बूटस्ट्रैप करने के लिए NgUpgrad का इस्तेमाल किया:

import { platformBrowserDynamic } from '@angular/platform-browser-dynamic';

import { UpgradeModule } from '@angular/upgrade/static';
import { AppModule } from './app.module';

platformBrowserDynamic().bootstrapModule(AppModule).then(platformRef => {
  const upgrade = platformRef.injector.get(UpgradeModule) as UpgradeModule;
  upgrade.bootstrap(document.body, ['myapp'], {strictDi: true});
});

चांदा परीक्षण

उपरोक्त त्रुटि के आधार पर, समस्या उस समय से संबंधित प्रतीत होती है जब प्रोटैक्टर कोणीय की प्रतीक्षा कर रहा होता है। मेरे पास पहले से प्रत्येक ब्लॉक है जो लॉगिन पेज लोड करता है, विवरण भरता है और लॉग इन करता है। अजीब तरह से यह अभी भी पेज खोल रहा है और उपयोगकर्ता नाम फ़ील्ड में टेक्स्ट दर्ज कर रहा है, लेकिन फिर यह आगे जाने में विफल रहता है।

मैंने कोशिश की है, बिना किसी सफलता के:

मेरी प्रोटैक्टर कॉन्फ़िगरेशन फ़ाइल में "रूट एलिमेंट: 'बॉडी'" जोड़ना
मेरी प्रोटैक्टर कॉन्फ़िगरेशन फ़ाइल में "ng12Hybrid: true" जोड़ना - मुझे यह कहते हुए एक संदेश मिलता है कि अब इसकी आवश्यकता नहीं होनी चाहिए क्योंकि यह स्वतः पता लगाता है।
allScriptsTimeout सेटिंग को 11000 से बढ़ाकर 60000 कर दिया गया है और यह अभी भी समय समाप्त हो गया है।
WaitForAngularEnabled सेटिंग को बंद करना। यह लॉगिन फ़ील्ड के साथ समस्या हल करता है, लेकिन फिर मेरा कोई भी http नकली काम नहीं करता है और परीक्षण विफल हो जाते हैं।

स्रोत

matt-senseye

👍13

सबसे उपयोगी टिप्पणी

नमस्ते - हम एक बदलाव पर काम कर रहे हैं ताकि आप यह कॉन्फ़िगर कर सकें कि प्रोटैक्टर किन कार्यों की प्रतीक्षा कर रहा है, जो आपको उपरोक्त समस्या को संभालने में मदद कर सकता है। यह एक व्यापक परिवर्तन है जिसमें Zone.js और Angular शामिल हैं और इसमें विशिष्ट ETA नहीं है (सप्ताहों के क्रम में होगा)। यहां प्रगति पर अपडेट करेंगे।

vikerman 17 अक्तू॰ 2017

👍10 🎉2

सभी 51 टिप्पणियाँ

मेरे पास इसी तरह की समस्या थी जिसे इस अपग्रेड कोड को इस तरह लपेटकर हल किया गया था:

import { platformBrowserDynamic } from '@angular/platform-browser-dynamic';

import { UpgradeModule } from '@angular/upgrade/static';
import { AppModule } from './app.module';

angular.element(document).ready(() => {
  platformBrowserDynamic().bootstrapModule(AppModule).then(platformRef => {
    const upgrade = platformRef.injector.get(UpgradeModule) as UpgradeModule;
    upgrade.bootstrap(document.body, ['myapp'], {strictDi: true});
  });
});

और कॉन्फ़िगरेशन में मैं उनमें से किसी का भी

//ng12Hybrid: true,
//useAllAngular2AppRoots: true,
//rootElement: 'body',

Evilweed 16 मई 2017

क्या आप https://github.com/angular/protractor/issues/4234 पर एक नज़र डाल सकते हैं और देख सकते हैं कि क्या आपको भी यही समस्या हो रही है? इसके अलावा, ngUpgrad में $interval अब प्रोटैक्टर को ब्लॉक कर देगा जहां यह पहले नहीं था (https://github.com/angular/angular/issues/16349), लेकिन मैं उस पर काम कर रहा हूं।

heathkit 16 मई 2017

@Evilweed - सुझाव के लिए धन्यवाद, दुर्भाग्य से यह मेरे लिए इसे हल नहीं कर रहा है।

@ हेथकिट - मैंने पूरी परियोजना को खोजकर एक लंबे समय तक चलने वाला $ अंतराल पाया, लेकिन इसे हटाने के बाद भी समस्या बनी रहती है। मैंने पूरे ऐप में $interval या $timeout के सभी उपयोगों पर भी टिप्पणी की है और यह अभी भी उसी त्रुटि के साथ विफल रहता है। क्या आप जानते हैं कि क्या डिबग करने का कोई तरीका है और यह पता करें कि ऐसा क्या है जो अवरुद्ध हो सकता है यदि यह कुछ async के साथ समस्या है?

matt-senseye 17 मई 2017

क्या आप अपनी पूरी त्रुटि पोस्ट कर सकते हैं? यह दिखाने वाला है कि त्रुटि संदेश में कौन से कार्य लंबित हैं, लेकिन यह संभव है कि इसमें कुछ गायब हो। उदाहरण के लिए, त्रुटि अभी तक कोणीय पक्ष से लंबित कार्यों को नहीं दिखाएगी। यदि आपके ऐप के कोणीय भाग में लंबे समय से चल रहे async कार्य हैं, तो आपको प्रोटैक्टर को अवरुद्ध करने से रोकने के लिए उन्हें कोणीय क्षेत्र के बाहर चलाने की आवश्यकता होगी। (देखें https://github.com/angular/protractor/blob/master/docs/timeouts.md)

heathkit 17 मई 2017

उत्तर देने के लिए फिर से धन्यवाद। त्रुटि विवरण नीचे है। ध्यान देने योग्य कुछ बातें:

मेरी परीक्षण फ़ाइल में beforeAll ब्लॉक है जो लॉगिन करने के लिए उपयोगकर्ता नाम और पासवर्ड फ़ील्ड भरने वाला है। यह उपयोगकर्ता नाम फ़ील्ड को सफलतापूर्वक भरता है लेकिन फिर waitForAngular में समाप्त हो जाता है और पासवर्ड फ़ील्ड नहीं भरता है। ऐसा लगता है कि त्रुटि की पहली छमाही के बारे में है। दूसरी छमाही वास्तविक असफल परीक्षण है (जो समझ में आता है, क्योंकि यह लॉगिन करने में विफल रहा है इसलिए तत्व मौजूद नहीं है)।
त्रुटि से पता चलता है कि समस्या HTTP कॉल से हो सकती है, इसलिए शायद $ अंतराल या $ टाइमआउट नहीं।
मेरे पास इस समय कोणीय पक्ष पर बहुत कुछ नहीं है, यह लगभग सभी अभी भी AngularJS है। यह नए कोणीय घटक को दिखाने तक नहीं मिलता है क्योंकि यह लॉगिन करने का प्रबंधन नहीं करता है (इसलिए मुझे संदेह है कि http कॉल कोणीय 4 घटक के साथ करना है)

  Message:
    Failed: Timed out waiting for asynchronous Angular tasks to finish after 11 seconds. This may be because the current page is not an Angular application. Please see the FAQ for more details: https://github.com/angular/protractor/blob/master/docs/timeouts.md#waiting-for-angular
    While waiting for element with locator - Locator: By(css selector, *[name="password"])
  Stack:
    ScriptTimeoutError: asynchronous script timeout: result was not received in 11 seconds
      (Session info: chrome=58.0.3029.110)
      (Driver info: chromedriver=2.29.461585,platform=Mac OS X 10.12.4 x86_64) (WARNING: The server did not provide any stacktrace information)
    Command duration or timeout: 11.07 seconds
    Build info: version: '3.4.0', revision: 'unknown', time: 'unknown'
    System info: host: 'Matt.lan', os.name: 'Mac OS X', os.arch: 'x86_64', os.version: '10.12.4', java.version: '1.8.0_111'
    Driver info: org.openqa.selenium.chrome.ChromeDriver
    Capabilities [{applicationCacheEnabled=false, rotatable=false, mobileEmulationEnabled=false, networkConnectionEnabled=false, chrome={chromedriverVersion=2.29.461585, takesHeapSnapshot=true, pageLoadStrategy=normal, databaseEnabled=false, handlesAlerts=true, hasTouchScreen=false, version=58.0.3029.110, platform=MAC, browserConnectionEnabled=false, nativeEvents=true, acceptSslCerts=true, locationContextEnabled=true, webStorageEnabled=true, browserName=chrome, takesScreenshot=true, javascriptEnabled=true, cssSelectorsEnabled=true, unexpectedAlertBehaviour=}]
    Session ID: 40deafceb49b72b1c0188ad0895c1179
        at Object.checkLegacyResponse (/Users/matt/web-app/node_modules/selenium-webdriver/lib/error.js:505:15)
        at parseHttpResponse (/Users/matt/web-app/node_modules/selenium-webdriver/lib/http.js:509:13)
        at doSend.then.response (/Users/matt/web-app/node_modules/selenium-webdriver/lib/http.js:440:13)
        at process._tickCallback (internal/process/next_tick.js:109:7)
    From: Task: Protractor.waitForAngular() - Locator: By(css selector, *[name="password"])
        at thenableWebDriverProxy.schedule (/Users/matt/web-app/node_modules/selenium-webdriver/lib/webdriver.js:816:17)
        at ProtractorBrowser.executeAsyncScript_ (/Users/matt/web-app/node_modules/protractor/lib/browser.ts:608:24)
        at angularAppRoot.then (/Users/matt/web-app/node_modules/protractor/lib/browser.ts:642:23)
        at ManagedPromise.invokeCallback_ (/Users/matt/web-app/node_modules/selenium-webdriver/lib/promise.js:1366:14)
        at TaskQueue.execute_ (/Users/matt/web-app/node_modules/selenium-webdriver/lib/promise.js:2970:14)
        at TaskQueue.executeNext_ (/Users/matt/web-app/node_modules/selenium-webdriver/lib/promise.js:2953:27)
        at asyncRun (/Users/matt/web-app/node_modules/selenium-webdriver/lib/promise.js:2813:27)
        at /Users/matt/web-app/node_modules/selenium-webdriver/lib/promise.js:676:7
        at process._tickCallback (internal/process/next_tick.js:109:7)Error
        at ElementArrayFinder.applyAction_ (/Users/matt/web-app/node_modules/protractor/lib/element.ts:482:23)
        at ElementArrayFinder.(anonymous function).args [as sendKeys] (/Users/matt/web-app/node_modules/protractor/lib/element.ts:96:21)
        at ElementFinder.(anonymous function).args [as sendKeys] (/Users/matt/web-app/node_modules/protractor/lib/element.ts:873:14)
        at /Users/matt/web-app/e2e-tests/modules/authentication.js:83:38
        at ManagedPromise.invokeCallback_ (/Users/matt/web-app/node_modules/selenium-webdriver/lib/promise.js:1366:14)
        at TaskQueue.execute_ (/Users/matt/web-app/node_modules/selenium-webdriver/lib/promise.js:2970:14)
        at TaskQueue.executeNext_ (/Users/matt/web-app/node_modules/selenium-webdriver/lib/promise.js:2953:27)
        at asyncRun (/Users/matt/web-app/node_modules/selenium-webdriver/lib/promise.js:2813:27)
        at /Users/matt/web-app/node_modules/selenium-webdriver/lib/promise.js:676:7
        at process._tickCallback (internal/process/next_tick.js:109:7)
    From: Task: Run beforeAll in control flow
        at Object.<anonymous> (/Users/matt/web-app/node_modules/jasminewd2/index.js:94:19)
    From asynchronous test: 
    Error
        at Suite.<anonymous> (/Users/matt/web-app/e2e-tests/specs/home/asset.spec.js:28:3)
        at Object.<anonymous> (/Users/matt/web-app/e2e-tests/specs/home/asset.spec.js:7:1)
        at Module._compile (module.js:571:32)
        at Object.Module._extensions..js (module.js:580:10)
        at Module.load (module.js:488:32)
        at tryModuleLoad (module.js:447:12)
  Message:
    Failed: No element found using locator: By(css selector, .toggle-asset-summary-button)
  Stack:
    NoSuchElementError: No element found using locator: By(css selector, .toggle-asset-summary-button)
        at elementArrayFinder.getWebElements.then (/Users/matt/web-app/node_modules/protractor/lib/element.ts:851:17)
        at ManagedPromise.invokeCallback_ (/Users/matt/web-app/node_modules/selenium-webdriver/lib/promise.js:1366:14)
        at TaskQueue.execute_ (/Users/matt/web-app/node_modules/selenium-webdriver/lib/promise.js:2970:14)
        at TaskQueue.executeNext_ (/Users/matt/web-app/node_modules/selenium-webdriver/lib/promise.js:2953:27)
        at asyncRun (/Users/matt/web-app/node_modules/selenium-webdriver/lib/promise.js:2813:27)
        at /Users/matt/web-app/node_modules/selenium-webdriver/lib/promise.js:676:7
        at process._tickCallback (internal/process/next_tick.js:109:7)Error
        at ElementArrayFinder.applyAction_ (/Users/matt/web-app/node_modules/protractor/lib/element.ts:482:23)
        at ElementArrayFinder.(anonymous function).args [as click] (/Users/matt/web-app/node_modules/protractor/lib/element.ts:96:21)
        at ElementFinder.(anonymous function).args [as click] (/Users/matt/web-app/node_modules/protractor/lib/element.ts:873:14)
        at Page.showAssetSummaryComponent (/Users/matt/web-app/e2e-tests/specs/home/page-object.js:289:31)
        at Object.<anonymous> (/Users/matt/web-app/e2e-tests/specs/home/asset.spec.js:63:12)
        at /Users/matt/web-app/node_modules/jasminewd2/index.js:112:25
        at new ManagedPromise (/Users/matt/web-app/node_modules/selenium-webdriver/lib/promise.js:1067:7)
        at ControlFlow.promise (/Users/matt/web-app/node_modules/selenium-webdriver/lib/promise.js:2396:12)
        at schedulerExecute (/Users/matt/web-app/node_modules/jasminewd2/index.js:95:18)
        at TaskQueue.execute_ (/Users/matt/web-app/node_modules/selenium-webdriver/lib/promise.js:2970:14)
    From: Task: Run fit("should open asset summary component") in control flow
        at Object.<anonymous> (/Users/matt/web-app/node_modules/jasminewd2/index.js:94:19)
        at /Users/matt/web-app/node_modules/jasminewd2/index.js:64:48
        at ControlFlow.emit (/Users/matt/web-app/node_modules/selenium-webdriver/lib/events.js:62:21)
        at ControlFlow.shutdown_ (/Users/matt/web-app/node_modules/selenium-webdriver/lib/promise.js:2565:10)
        at shutdownTask_.MicroTask (/Users/matt/web-app/node_modules/selenium-webdriver/lib/promise.js:2490:53)
        at MicroTask.asyncRun (/Users/matt/web-app/node_modules/selenium-webdriver/lib/promise.js:2619:9)
    From asynchronous test: 
    Error
        at Suite.<anonymous> (/Users/matt/web-app/e2e-tests/specs/home/asset.spec.js:62:5)
        at Suite.<anonymous> (/Users/matt/web-app/e2e-tests/specs/home/asset.spec.js:60:3)
        at Object.<anonymous> (/Users/matt/web-app/e2e-tests/specs/home/asset.spec.js:7:1)

matt-senseye 18 मई 2017

👍6

बिल्कुल वैसा ही - एक नए 'क्विकस्टार्ट' एंगुलर 4 कॉन्फिगरेशन और एक बहुत ही बेसिक प्रोट्रैक्टर टेस्ट के साथ। सब कुछ नॉन-हाइब्रिड मोड पर अच्छा काम कर रहा है।

Failed: Timed out waiting for asynchronous Angular tasks to finish after 50 seconds. This may be because the current page is not an Angular application. Please see the FAQ for more details: https://github.com/angular/protractor/blob/master/docs/timeouts.md#waiting-for-angular
    While waiting for element with locator - Locator: By(css selector, #loginModal h4)

sebhorin 4 जून 2017

मैं अभी भी इस मुद्दे को देख रहा हूं।
उपयोग करना: @ कोणीय/अपग्रेड 4.2.2
जिसमें टेस्टेबिलिटी एपीआई स्थिर पाने के लिए

angNewbie 13 जून 2017

अगर कोई रेपो साझा कर सकता है जो समस्या दिखाता है, तो मैं इसे आगे देखूंगा।

heathkit 13 जून 2017

मैंने अब तक क्या खोजा है

कुछ खुदाई के बाद मैंने टाइमआउट के कारणों में से एक की खोज की है जो मैं देख रहा हूं (या उनमें से एक, मुझे संदेह है कि यह केवल एक ही नहीं है)। यह पता चला है कि मैं जिन निर्भरताओं का उपयोग कर रहा हूं उनमें से एक window.setTimeout() को कॉल कर रहा है जो प्रोट्रैक्टर को सिंक करने से रोक रहा है (मेरे मामले में, यह है
कोणीय-पल ।

यह ठीक चला जब मेरा ऐप सिर्फ एंगुलरजेएस चला रहा था, लेकिन एक हाइब्रिड ऐप के रूप में बूटस्ट्रैप किए जाने पर टाइमआउट समस्या का कारण बनता है (संभवतः जिस तरह से इसे ज़ोन में चलाया जाता है)।

उदाहरण रेपो

मैंने https://github.com/mattwilson1024/angular-hybrid पर एक उदाहरण रेपो बनाया है। यह निम्नलिखित भागों के साथ एक हाइब्रिड (NgUpgrad) ऐप है:

सबसे बाहरी पृष्ठ (वर्ण पृष्ठ) AngularJS (1.6) द्वारा प्रदान किया गया है।
पृष्ठ में कैरेक्टरलिस्ट कॉम्पोनेंट है, जो एक डाउनग्रेड किया गया कोणीय (4) घटक है।
कैरेक्टरलिस्ट कॉम्पोनेंट एक अन्य कोणीय 4 घटक, कैरेक्टरडिटेल घटक का उपयोग करता है।

मास्टर शाखा में काम करने वाला ऐप और एक एकल प्रोट्रैक्टर परीक्षण होता है जिसमें कोई समस्या नहीं होती है।

कोणीय-क्षण शाखा angular-moment पुस्तकालय पर निर्भरता जोड़ती है और पृष्ठ पर एक लेबल जोड़ने के लिए अपने am-time-ago निर्देश का उपयोग करती है जो दिखाती है कि यह पहले एपिसोड के बाद से कितने साल पहले है। ऐप स्वयं ठीक चलता है, लेकिन प्रोट्रैक्टर टेस्ट अब सिंक करने में विफल रहता है।

समय समाप्ति

यह पुष्टि करने के लिए कि मैंने निम्नलिखित परिणामों के साथ, AngularJS नियंत्रक में विभिन्न प्रकार के टाइमआउट जोड़ने का प्रयास किया है। इसने पुष्टि की कि $ अंतराल काम करता है, लेकिन $ टाइमआउट, सेटइंटरवल या सेटटाइमआउट नहीं करता है।

function sayHello() { console.log('Hello, world'); }

$interval(sayHello, 30000); // Succeeds (with Angular 4.2.0 and later - see https://github.com/angular/angular/pull/16836)
$timeout(sayHello, 30000); // Fails - Timed out waiting for asynchronous Angular tasks to finish after 11 seconds
setInterval(sayHello, 30000); // Fails - Timed out waiting for asynchronous Angular tasks to finish after 11 seconds
setTimeout(sayHello, 300000); // Fails - Timed out waiting for asynchronous Angular tasks to finish after 11 seconds

अगले कदम

जो हो रहा है उसे ट्रैक करने में कामयाब होने के बाद भी मुझे यकीन नहीं है कि समाधान क्या है। मैं समझता हूं कि "कोणीय क्षेत्र के बाहर" कोड के कुछ टुकड़े चलाने के लिए आवश्यक हो सकता है, हालांकि मुझे यकीन नहीं है कि एंगुलरजेएस सेगमेंट से यह कैसे करना है, जहां मेरे पास टाइपस्क्रिप्ट क्लास नहीं है जिसमें ज़ोन आदि को इंजेक्ट करना है।

फिर भी, यदि समस्या कोड किसी तीसरे पक्ष के पुस्तकालय के अंदर हो रहा है (जैसा कि कोणीय-क्षण के साथ मेरे उदाहरण में है) - इस समस्या के आसपास काम करने के लिए क्या दृष्टिकोण होगा ताकि परीक्षण काम कर सकें जैसा कि उन्होंने अपग्रेड करने से पहले किया था। हाइब्रिड सेटअप?

mattwilson1024 15 जून 2017

👍9

ज़ोन विंडो पर सेट हैं, इसलिए आपको NgZone को इंजेक्ट करने की आवश्यकता नहीं है। आप एंगुलर ज़ोन के बाहर इस तरह से एंगुलरजेएस में दौड़ सकते हैं

if (Zone && Zone.current.name === 'angular') {
  let angularZone = Zone.current;
  Zone.parent.run(() => {
    $timeout(() => {
       // Stuff here is run outside the Angular zone and will not be change detected
       angularZone.run(() => {
         // Inside the zone and will be change detected.
       });
    }, 500);
  });
}

आप सही हैं कि सेटटाइमआउट या सेटइंटरवल का कोई भी उपयोग, यहां तक कि तीसरे पक्ष के कोड में भी, प्रोट्रैक्टर स्थिरता को अवरुद्ध कर सकता है और टाइमआउट का कारण बन सकता है। हम एंगुलर और एंगुलरजेएस में टास्क ट्रैकिंग जोड़ रहे हैं, जिससे आपको यह दिखाकर इन समस्याओं को डीबग करना आसान हो जाएगा कि प्रोटैक्टर का समय समाप्त होने वाला एसिंक टास्क कहां से आया है। वास्तव में, हमें इसे प्रोट्रैक्टर में लाने में कुछ महीने लगेंगे।

जहाँ तक कोणीय-क्षण जाता है, आपका सबसे अच्छा विकल्प यह हो सकता है कि आप उन्हें एक पीआर जमा करें जिससे यह क्षेत्र-जागरूक हो, जैसा कि ऊपर दिखाया गया है। अन्यथा, आप चुनिंदा रूप से waitForAngular बंद कर सकते हैं और इसके बजाय browser.wait और अपेक्षित शर्तों का उपयोग कर सकते हैं। हम एक अधिक लचीले WaitForAngular API पर काम कर रहे हैं जो आपको यह नियंत्रित करने देगा कि आप किन कार्यों के लिए प्रतीक्षा कर रहे हैं, लेकिन यह अभी भी एक रास्ता बंद है।

heathkit 15 जून 2017

हमारी स्थिति में, परीक्षणों को सामान्य (कोणीय सिंक के बिना) लिखा जा सकता है ( browser.ignoreSynchronization = true ईसी, आदि का उपयोग करके), लेकिन browser.ignoreSynchronization = false; को "Error while waiting for Protractor to sync with the page: "Cannot read property '$$testability' of undefined" साथ सेट करते समय विफल हो जाते हैं

यह मूल रूप से हमारे संपूर्ण E2E स्वचालित परीक्षण सूट को शून्य कर देता है।

प्रोटैक्टर 5.1.2 का उपयोग करते हुए, अगर मैं ng12Hybrid: true सेट करता हूं तो मुझे संदेश मिलता है:

आपने ng12Hybrid सेट किया है। प्रोट्रैक्टर 4.1.0 के अनुसार, प्रोट्रैक्टर स्वचालित रूप से अनुमान लगा सकता है कि क्या आप एक ngUpgrad ऐप का उपयोग कर रहे हैं (जब तक कि ng1 आपके द्वारा platformBrowserDynamic() को कॉल करने से पहले लोड हो जाता है), और अधिकांश उपयोगकर्ताओं के लिए इस ध्वज की अब आवश्यकता नहीं है।

तो स्पष्ट रूप से angular.io प्रलेखन यहाँ पुराना है: https://angular.io/guide/upgrad#e2e -tests

स्वयं एक ही दस्तावेज़ से प्रसिद्ध अंतिम शब्द:

E2E परीक्षण वास्तव में अनुप्रयोग घटकों की आंतरिक संरचना से संबंधित नहीं हैं। इसका मतलब यह भी है कि, हालांकि आप अपग्रेड के दौरान प्रोजेक्ट को काफी संशोधित करते हैं, E2E टेस्ट सूट को केवल मामूली संशोधनों के साथ गुजरते रहना चाहिए। आपने यह नहीं बदला कि एप्लिकेशन उपयोगकर्ता के दृष्टिकोण से कैसे व्यवहार करता है।

angular.io पर उस कथन के आलोक में:

@heathkit जोनों के अंदर और बाहर चलने के बारे में टिप के लिए धन्यवाद, लेकिन ईमानदार होने के लिए हम एक ऐसे समाधान की तलाश में हैं जो हमारे मौजूदा एंगुलरजेएस कोड के साथ चलता है, जैसा है। हमारे पास एक व्यापक प्रोट्रैक्टर सूट है जो निहित एंगुलरजेएस सिंक्रनाइज़ेशन पर निर्भर करता है। हमारा लक्ष्य ngUpgrad का उपयोग करके अपने AngularJS को Angular में माइग्रेट करना है, लेकिन हाइब्रिड अपग्रेड मोड में हमारे मौजूदा प्रोट्रैक्टर सूट को चलाने में सक्षम नहीं होने के कारण इस समस्या ने हमारी पहल को विफल कर दिया है। अभी के बारे में एक समझदार सुधार का स्वागत किया जाएगा।

अगर हम कुछ मौलिक रूप से गलत कर रहे हैं, तो हम निश्चित रूप से जानना चाहेंगे कि क्या।

Red-3 21 जून 2017

👍7

एक ही समस्या का सामना करना पड़ रहा है! :0

justtal 29 जून 2017

यहाँ एक ही चीज़ देख रहे हैं: AngularJS 1.6 -> Angular 4.2.4

किसी को भी किसी भी प्रकार का कामकाज पता है, हालांकि यह कितना बड़ा हो सकता है? 1.6 पर वापस लौटे बिना यानी।

quinw68 29 जून 2017

@ quinw68 - @heathkit इस धागे में अपनी पिछली प्रतिक्रिया में कोणीय 'जोन' के बाहर कोड चलाने की एक विधि का सुझाव देता है। मुझे लगता है कि इसका मतलब यह है कि इसे काम करने के लिए आपके ऐप के स्रोत कोड में परिवर्तन, और समर्थन जोड़ने वाले तीसरे पक्ष के पुस्तकालयों पर भी निर्भर हो सकता है। कृपया मुझे सुधारें अगर मैं गलत हूं।

एक और 'वर्क-अराउंड' जिसके बारे में मुझे पता है, वह है अपने मौजूदा ऐप का इलाज करना जैसे कि यह अब एंगुलरजेएस ऐप नहीं है। इसका मतलब है कि आपको अपने प्रोट्रैक्टर परीक्षणों को बदलना होगा ताकि वे स्वाभाविक रूप से अब कोणीय की प्रतीक्षा न करें, लेकिन उनके राज्य के लिए क्वेरी करने से पहले पृष्ठ पर तत्वों की उपस्थिति की स्पष्ट रूप से जांच करें। आपके ऐप के आकार के आधार पर, यह एक कठिन काम हो सकता है।

उम्मीद है की वो मदद करदे।

Red-3 29 जून 2017

जहां तक मैं इस मुद्दे को समझता हूं, यह एनजी अपग्रेड-विशिष्ट नहीं है, बल्कि कोणीय विशिष्ट है। मेरा मतलब है, यहां तक कि एक शुद्ध कोणीय (2+) ऐप में, एक लंबा setTimeout (या तो सीधे या किसी तृतीय-पक्ष पुस्तकालय के माध्यम से) होने से प्रोट्रैक्टर का समय समाप्त हो जाएगा।

@ हेथकिट , क्या आप इसकी पुष्टि कर सकते हैं या मुझे कुछ याद आया? क्या एनजीअपग्रेड प्रोट्रैक्टर को फेंक रहा है या किसी तरह से चीजों को खराब कर रहा है?

gkalpak 5 जुल॰ 2017

@gkalpak आप सही कह रहे हैं कि यह एक कोणीय-विशिष्ट समस्या है, लेकिन लोग इसका सामना कर रहे हैं जब वे एक बड़े AngularJS ऐप के साथ ngUpgrad का उपयोग करते हैं।

AngularJS में, प्रोटैक्टर केवल $browser.defer() साथ शुरू होने वाले async कार्यों की प्रतीक्षा करेगा - मूल रूप से एप्लिकेशन कोड में केवल $timeout और $http कॉल। एक बार जब कोई ngUpgrad का उपयोग करना शुरू कर देता है, तो उनके मौजूदा प्रोट्रैक्टर परीक्षण लंबे setTimeout कॉल (संभवतः तृतीय-पक्ष पुस्तकालयों से) के कारण समय समाप्त होने लगेंगे, जहां उन्होंने पहले नहीं किया था। तो ज्यादातर, मुद्दा यह है कि ngUpgrad इरादा के अनुसार काम कर रहा है, और अब लोगों के AngularJS ऐप और प्रोट्रैक्टर परीक्षण अचानक कोणीय (2+) शब्दार्थ के अधीन हैं।

heathkit 6 जुल॰ 2017

👍1

तो, एक शुद्ध कोणीय ऐप के लिए इसे कैसे हल किया जाएगा? यदि कोई तृतीय पक्ष कोणीय पुस्तकालय एक लंबा setTimeout सेट कर रहा है, तो कोई क्या करेगा, जिससे प्रोट्रैक्टर का समय समाप्त हो जाएगा?

gkalpak 6 जुल॰ 2017

@vikerman मैंने सुना है कि आप एक नई टीम के सदस्य को जल्द ही इस पर चलने में मदद करने जा रहे हैं, इसलिए जब तक वे सवार न हों, तब तक आपको असाइन करें।

naomiblack 21 जुल॰ 2017

हमारे पास वास्तव में उस मामले के लिए कोई अच्छा जवाब नहीं है जहां कोई तृतीय पक्ष ऐप लंबे समय तक सेट कर रहा है। फिलहाल, आप केवल waitForAngular बंद कर सकते हैं और अपेक्षित शर्तों पर भरोसा कर सकते हैं, लेकिन यह आदर्श नहीं है। मैं प्रोटैक्टर में एक फीचर जोड़ने पर काम कर रहा हूं जो लोगों को अधिक नियंत्रण देगा कि उनके परीक्षण किस मैक्रोटास्क की प्रतीक्षा करते हैं, लेकिन यह अभी भी एक रास्ता बंद है।

heathkit 21 जुल॰ 2017

👍3

@heathkit @vikerman कृपया इस पर कोई अपडेट करें?

evansonjohn 19 सित॰ 2017

जिस परियोजना पर मैं काम करता हूं, उसमें पहले भी यह समस्या थी, लेकिन उन्होंने कोणीय क्षेत्र के बाहर चलाने के लिए निरंतर मतदान समारोह को लपेटा ताकि यह ब्राउज़र को प्रभावित न करे। WaitForAngular ();

gd46 21 सित॰ 2017

सबसे पहले चांदा की टीम/योगदानकर्ताओं को धन्यवाद । प्रोट्रैक्टर मेरे ऐप के लिए 3 वर्षों में दर्जनों रिलीज, 200 से अधिक सेवाओं, निर्देशों, घटकों, नियंत्रकों के बारे में 400 e2e प्रोट्रैक्टर परीक्षणों के साथ बहुत कम उत्पादन मुद्दों के लिए आधार रहा है।

यह एक अच्छा अनुस्मारक है कि मैं प्रोट्रैक्टर पर कितना भरोसा करता हूं लेकिन इस मुद्दे ने एनजीअपग्रेड और सहायक जरूरतों को बूटस्ट्रैप करने के लिए प्रतिबद्ध 2 सप्ताह समर्पित करने के बाद अपने ट्रैक में मेरे कोणीय उन्नयन को रोक दिया है। यह हो गया है, लेकिन अब e2e परीक्षण नहीं चलाया जा सकता है और आगे (अभी तक) एक दृश्य पथ के बिना परिनियोजन रोक दिया गया है।

@mattwilson1024 की महान जानकारी के लिए धन्यवाद, मैंने सुनिश्चित किया है कि $timeout , setTimeout , setInterval हमारे ऐप में उपयोग नहीं किए जाते हैं।

लेकिन, मैंने पाया है कि angular-ui-bootstrap (v.2.5.6) और ui-select (v0.19.8) $timeout उपयोग करते हैं। मैं दोनों पुस्तकालयों का व्यापक रूप से उपयोग करता हूं। ऐसा लगता है कि बहुत से अन्य भी उन पर भरोसा करते हैं - कोणीय-यूआई-बूटस्ट्रैप - 400k एनपीएम डाउनलोड/मो, यूआई-चयन 100k +/मो।

angular-ui-bootstrap 2015 में एक मुद्दा बनाया विशेष रूप से इस मुद्दे के कारण $ अंतराल के साथ $ टाइमआउट को बदलने के लिए लेकिन दुर्भाग्य है का फैसला किया "इस बग चांदा में तय किया जाना चाहिए और यहाँ नहीं। इस बंद।" साथ ही, angular-ui-bootstrap अब उनके कोणीय संस्करण @ एनजी-बूटस्ट्रैप/एनजी-बूटस्ट्रैप के स्थान पर अपडेट प्रदान नहीं कर रहा है जो बीटा में है।

मुझे आश्चर्य होता है जब मैं महत्वपूर्ण रूप से प्रयुक्त कोणीय पुस्तकालयों को देखता हूं जो प्रोट्रैक्टर वैधता सुनिश्चित नहीं करते हैं। उस पर, मैं @heathkit से सहमत $timeout निर्भरता को खोद नहीं लेता और, संभवतः, केवल एनजीग्रेड को शामिल करने के बजाय और जब संभव हो तो अपग्रेड के लिए आइटम चुनना शुरू कर देता हूं, मैं ngUpgrad को जोड़ने के साथ-साथ उन तृतीय पक्ष आइटम्स से अपग्रेड या माइग्रेट करने की निर्भरता हो सकती है। उह।

मैं अपने ऐप के लिए शोध करना जारी रख रहा हूं (विशिष्ट अपराधी टाइमआउट का कारण बनते हैं, कैसे आगे बढ़ना है, आदि) और कुछ भी वापस रिपोर्ट करेंगे जो दूसरों के लिए उपयोगी हो सकता है।

जहां मुझे $timeout मिला है:
कोणीय-यूआई-बूटस्ट्रैप v2.5.6

UibAlertनियंत्रक
Uib हिंडोला नियंत्रक
UibDatepickerपॉपअपकंट्रोलर
UibTypeaheadनियंत्रक
यूआईबीटूलटिप

यूआई-चयन

uiचुनें
uiचुनेंएकाधिक
uiचयनएकल
uiसिलेक्टसॉर्ट
यूआईएसओपनक्लोज़

कोणीय-संसाधन $resource इंजेक्शन और उपयोग करता है $timeout
कोणीय-फ़िल्टर ( $window.setTimeout )

tonybranfort 17 अक्तू॰ 2017

👍4

vikerman 17 अक्तू॰ 2017

👍10 🎉2

मेरे पास एक ही समस्या है जब मैं अपने [email protected] ऐप को NgUpgrad से [email protected] पर बूटस्ट्रैप करता हूं
उपरोक्त टिप्पणियों के लिए धन्यवाद, विशेष रूप से @ मैटविल्सन 1024 और @tonybranfort , जो मुझे इस मुद्दे को बेहतर ढंग से समझने में मदद करता है।

मुझे अपने मामले में उस समय के कोड के चारों ओर browser.ignoreSynchronization = true/false; जोड़कर एक वर्कआउरंड मिला है।

उदाहरण के लिए, मेरे एक परीक्षण ने रेडियो बटन के समूह में एक साधारण चयन किया, और उम्मीद है कि सही विकल्प चुना गया है:

it('should be able to pick option', function () {
        expect(myPage.optionSelected()).toBe(false);
        myPage.pickOption('Option 1');
        expect(myPage.anyOptionSelected()).toBe(true);
        expect(myPage.getSelectedOption()).toBe('Option 1');
});

जब मैं इस कोड को डीबग करने का प्रयास करता हूं, तो मैंने पाया कि अंतिम चरण में टाइमआउट हुआ। मुझे लगता है कि अंतर्निहित समस्या कोणीय-यूआई-बूटस्ट्रैप से एक टूललिप है, जिसमें $timeout का उपयोग किया जाता है: https://github.com/angular-ui/bootstrap/blob/master/src/tooltip/tooltip.js

हालाँकि, इस परीक्षण में कोई async कॉल नहीं हैं। तो मैं क्या करता हूं, शुरुआत में केवल अनदेखा सिंक्रनाइज़ेशन जोड़ें और अंत में इसे रीसेट करें:

it('should be able to pick a font', function () {
        browser.ignoreSynchronization = true;  // tell protractor do not waitForAngular
        expect(myPage.optionSelected()).toBe(false);
        myPage.PickOption('Option 1');
        expect(myPage.anyOptionSelected()).toBe(true);
        expect(myPage.getSelectedOption()).toBe('Option 1');
        browser.ignoreSynchronization = false;  // reset the flag
});

मुझे नहीं पता कि यह अनुशंसित तरीका है या यदि यह परीक्षणों को और अधिक परतदार बना देगा। लेकिन उन परीक्षणों के लिए जिन्हें किसी एसिंक्स कॉल की आवश्यकता नहीं है लेकिन फिर भी टाइमआउट समस्या का सामना करना पड़ता है, उन्हें उन्हें ठीक करना चाहिए।

zhenyi2697 5 जन॰ 2018

हाय @vikerman - इस पर कोई अपडेट? https://github.com/angular/protractor/issues/4290#issuecomment -337094393

tonybranfort 10 जन॰ 2018

मेरा समाधान:

इस भंडार में:

https://github.com/Innovic-io/protractor-angular-hybrid-app

यहां ऐप की प्रतीक्षा करें:
https://github.com/Innovic-io/protractor-angular-hybrid-app/blob/master/src/models/angular.ts#L9

vladotesanovic 30 जन॰ 2018

😕1 👎1

@vikerman क्या इस पर कोई अपडेट है?

sn0lan-vpm 31 जन॰ 2018

👍2

क्या इन लंबे समय तक चलने वाले टाइमआउट को खोजने के बारे में कोई अच्छी सलाह है ताकि मैं उन्हें अपने आवेदन से बाहर कर सकूं?

TimMeissner 6 फ़र॰ 2018

से : कास्टअवे (एस?) एंगुलरजेएस के द्वीप पर प्रोटैक्टर अंक #4290 . द्वारा फंसे
प्रति : @vikerman @juliemr

अहो! क्या हमें इस मुद्दे पर अपडेट मिल सकता है? 16 अक्टूबर को अंतिम अपडेट "सप्ताहों के क्रम" में एक ईटीए था। या, कृपया इस मुद्दे को बंद करें ताकि हम आगे बढ़ सकें।

ये वे राफ्ट हैं जिन पर मैं वर्तमान में विचार कर रहा हूं:

सभी angular-ui-bootstrap / ui-select को बदलें । यह मेरे लिए महत्वपूर्ण है। इसे वैसे भी करने की जरूरत है लेकिन मेरी चिंता यह है कि कुछ और पॉप अप होगा और मैं उस काम के बाद भी एंगुलरजेएस पर अटका रहूंगा। सबक सीखा : तृतीय पक्ष घटकों को मेरे अपने घटकों के साथ लपेटें।
waitForAngularEnabled(false) सभी परीक्षणों के लिए जैसा कि @vladotesanovic द्वारा सुझाया गया है। मुझे पूरे ऐप के लिए इस पर संदेह है लेकिन मैंने इसका परीक्षण नहीं किया है। मैं अभी केवल एक ही स्थिति में waitForAngularEnabled का उपयोग करता हूं और केवल एक बहुत ही विशिष्ट मामले के लिए।
एंगुलरजेएस/एंगुलर साइड बाय साइड इंक्रीमेंटल माइग्रेशन के बजाय पूरे ऐप को एंगुलर में अपग्रेड करें : नहीं, बस मेरे संसाधनों के साथ एक विकल्प नहीं है।
कोणीय के बजाय Vue या प्रतिक्रिया में माइग्रेट करें । सूची में उच्च, विशेष रूप से यह देखते हुए कि दोनों AngularJs के साथ सह-अस्तित्व में हो सकते हैं।
कठपुतली में जाएं और सभी प्रोट्रैक्टर परीक्षणों को छोड़ दें - यह संभावित रणनीतिक दिशा है।
या #4290 से एक सुधार और मैं ngUpgrad का उपयोग शुरू करने के लिए आवश्यक उन कुछ पंक्तियों को अनसुना कर सकता हूं :)

tonybranfort 15 फ़र॰ 2018

👍8 😄1

हमारी टीम हमारे जटिल एप्लिकेशन को अपग्रेड करने की प्रक्रिया में है और NgUpgrad के साथ बूटस्ट्रैप किए जाने पर प्रोट्रैक्टर परीक्षण विफल हो रहे हैं। हमें अपने परिवर्तनों को वापस करना पड़ा क्योंकि अब हम उन सभी असफल परीक्षणों से नहीं निपट सकते जो झूठे सकारात्मक हैं।

हम इस मुद्दे के साथ कहां हैं? मुझे चिंता है कि मुझे एक अलग परीक्षण ढांचे में जाना होगा ताकि हम कोणीय को अपग्रेड करने की अपनी योजनाओं को रख सकें।

ajklotz 20 फ़र॰ 2018

👍8

@tonybranfort : ठीक उसी नाव में जिसमें आप... हम ui-select और angular-ui-bootstrap पर बहुत अधिक निर्भर हैं - यह हमारे उन्नयन के लिए एक प्रमुख अवरोधक है। ऐसा लगता है कि आपने इस मुद्दे पर पहल कर दी है, कृपया हमें अपडेट रखें! मैं

theandrewlane 21 फ़र॰ 2018

हमें एक ही समस्या हो रही है। क्या प्रोट्रैक्टर से कोई हमें इस पर अपडेट कर सकता है?

हम अपने ऐप को एंगुलर वी 1 से अपग्रेड करने में आधे रास्ते पर हैं और इस कारण से नफरत है कि वी 1 पर वापस जाना है और अब तक एंगुलर वी 5 में अपग्रेड के लिए किए गए सभी कामों को छोड़ना है।

apantea01 1 मार्च 2018

👍7

यहां एक और वोट डालते हुए, हम अपने ऐप को एंगुलर में अपग्रेड करने की प्रक्रिया में हैं और वर्तमान में हम पूरे सूट को अधिक जोखिम में डाले बिना इन्हें पास करने के लिए waitForAngularEnabled(false) एक टुकड़े में आवेदन का उपयोग कर रहे हैं। हालांकि, यह असाधारण रूप से आदर्श नहीं है, इसलिए एक बेहतर समाधान की बहुत सराहना की जाएगी।

underscorebrody 8 मार्च 2018

👍8

हमने इस मुद्दे को भी मारा, खासकर जब यह $ अंतराल सेवा की बात आती है। कभी-कभी चांदा उसका इंतजार कर रहा होता है और कभी-कभी नहीं - मुझे अभी तक पैटर्न नहीं मिला।

लंबे समय तक संपादित करें: जाहिरा तौर पर यह निर्भर करता है कि अंतराल कब लागू होता है (क्षेत्र में या नहीं)

FDIM 17 अप्रैल 2018

हाय @vikerman - परिवर्तनों पर कोई खबर आपको कॉन्फ़िगर करने देती है कि

mobislan 22 अग॰ 2018

👍2

यहां वही मुद्दा।

@vikerman क्या कोई अपडेट या वर्कअराउंड है?

mjunker 22 अग॰ 2018

👍5

हम उन्हीं मुद्दों में भाग रहे हैं। अच्छा होगा यदि इस मुद्दे पर कुछ प्रगति हो।

tobiasfiechter 22 अग॰ 2018

दुख की बात है कि मेरे पास एक ही मुद्दा है। क्‍या इस संबंध में कोई प्रगति नजर आ रही है?

flockisoft 3 सित॰ 2018

हम एंगुलर और एंगुलरजेएस में टास्क ट्रैकिंग जोड़ रहे हैं, जिससे आपको यह दिखाकर इन समस्याओं को डीबग करना आसान हो जाएगा कि प्रोटैक्टर का समय समाप्त होने वाला एसिंक टास्क कहां से आया है।

@heathkit क्या यह पहले से ही कहीं किया गया है? हमें अपने कोडबेस में उन स्थानों की पहचान करने में कठिनाई हो रही है।

यह भी अच्छा होगा कि कुछ दस्तावेज हों जिनका प्रोट्रैक्टर बेसब्री से इंतजार कर रहा है। यह पुराना लगता है: https://www.protractortest.org/#/system -setup। इसमें केवल $timeout को $interval से बदलने का उल्लेख है। सेटटाइमआउट या सेटइंटरवल के बारे में कुछ नहीं।
कुछ दस्तावेज़ यहाँ हैं: http://www.protractortest.org/#/timeouts। लेकिन कोई संकेत नहीं कि उनका पता कैसे लगाया जाए ...

fischermatte 3 सित॰ 2018

मुझे लगता है कि इससे आपको अपने परीक्षण "कोणीय संकर + चांदा" चलाने में मदद मिलेगी। इसने मेरी मदद की। लिंक की जाँच करें: https://github.com/ui-router/angular-hybrid/issues/39#issuecomment -309057814

mustafa90 7 सित॰ 2018

इस समस्या के साथ क्या हो रहा है, इसे समझने में हमने थोड़ी प्रगति की है। ऐसा लगता है कि हम एक ही हैं। ऐसा प्रतीत होता है कि उन्नत angularjs द्रष्टा/पाचन चक्र थोड़ा अलग तरीके से काम करता है और कुछ अनंत डाइजेस्ट चक्र लूप को सक्षम कर सकता है। हमें एक तीसरे पक्ष के साथ 1 मिला जिसका हम उपयोग कर रहे थे, और अगले की जांच कर रहे हैं। लेकिन मूल रूप से द्रष्टा देखी जा रही चीज़ में बदलाव कर रहा था, जिससे द्रष्टा ट्रिगर हो रहा था, आदि। यह जांचने के लिए कि क्या आपको एक ही समस्या हो रही है, क्रोम में केवल देव उपकरण खोलें, प्रदर्शन पर जाएं, कुछ सेकंड रिकॉर्ड करें, और देखें कि क्या आपके पास NgZone कॉल बहुत अधिक हो रही हैं। यदि आप करते हैं, तो आपके कोड में कहीं न कहीं आपके पास एक अनंत पाचन चक्र है। कॉल की गहराई में जाने से आपको यह पता लगाने में मदद मिल सकती है कि इसका कारण क्या है

silkcom 30 नव॰ 2018

आप स्थानीय ज़ोन.जेएस फ़ाइल को थोड़ा संशोधित भी कर सकते हैं और कंसोल लॉग जोड़ सकते हैं जहाँ टाइमआउट/अंतराल कार्यों को यह देखने के लिए पैच किया जाता है कि उन्हें क्या कॉल कर रहा है। ऐसा करने का आसान तरीका:

try {
  throw new Error("track");
} catch(err) {
  console.debug(err);
}

संपादित करें: मोबाइल पर कोड प्रारूपित करने में बहुत मज़ा आता है!

FDIM 30 नव॰ 2018

@vikerman क्या आपके पास इस पर कोई अपडेट है? यह बहुत अच्छा होगा यदि आप इस पर अपनी राय दें कि इसे कितनी जल्दी ठीक किया जाएगा? धन्यवाद।

nmehta6 20 दिस॰ 2018

आप स्थानीय ज़ोन.जेएस फ़ाइल को थोड़ा संशोधित भी कर सकते हैं और कंसोल लॉग जोड़ सकते हैं जहाँ टाइमआउट/अंतराल कार्यों को यह देखने के लिए पैच किया जाता है कि उन्हें क्या कॉल कर रहा है। ऐसा करने का आसान तरीका:
try {
  throw new Error("track");
} catch(err) {
  console.debug(err);
}
संपादित करें: मोबाइल पर कोड प्रारूपित करने में बहुत मज़ा आता है!

टाइमआउट/अंतराल को ट्रैक करने के लिए आप उस कोड को कहां रखेंगे?

maurycyg 3 जन॰ 2019

@maurycyg पैचटाइमर -> पैचमेथोड फ़ंक्शन को चाल

FDIM 3 जन॰ 2019

👍1

यह धागा देखकर निराशा होती है। क्या इस पर कोई अपडेट है?

sm-cdecker 26 जून 2019

👍6

$timeout का उपयोग न करने का एक संभावित समाधान इसे $interval (तृतीय पक्ष पुस्तकालयों के लिए) से ओवरराइड करना है।
नीचे दिए गए कोड ने मेरे लिए टाइमआउट समस्या का समाधान किया (केवल मामले में जोड़ा गया ब्राउज़र चेक)। मेरे मामले में समस्या कोणीय-बूटस्ट्रैप घटकों के कारण हुई थी, जिसे असीम रूप से 0 विलंब के साथ $timeout कहा जाता था।

app.config(function($provide) {
    function isUnderProtractor() {
        var nav = window.navigator;
        var lowercasedUserAgent = nav.userAgent;
        return !lowercasedUserAgent || lowercasedUserAgent.contains('protractor');
    }

    if (isUnderE2ETest()) {
        $provide.decorator('$timeout', ['$interval', '$delegate', function($interval, $delegate) {
            var newTimeout = function(fn, delay, invokeApply, pass) {
                if (!delay)
                    return $interval(fn, delay, 1, invokeApply, pass);
                else
                    return $delegate(fn, delay, invokeApply, pass);
            };
            newTimeout.cancel = $delegate.cancel;
            return newTimeout;
        }]);
    }
}

Malczewski 1 दिस॰ 2019

ज़ोन.जेएस v0.8.9 से शुरू करके, आप चुन सकते हैं कि आप कौन से वेब एपीआई मॉड्यूल को पैच करना चाहते हैं ताकि इन मॉड्यूल के पैचिंग द्वारा शुरू किए गए ओवरहेड को कम किया जा सके।
https://github.com/angular/zone.js/blob/master/MODULE.md

नीचे दी गई सामग्री के साथ ज़ोन-flags.ts फ़ाइल जोड़ें
(window as any).__Zone_disable_timers = true;

इसे Zone.js . से पहले polyfills.ts में आयात करें

import './zone-flags';
import 'zone.js/dist/zone';  // Included with Angular CLI.

popec 13 फ़र॰ 2020

ऐसा प्रतीत होता है कि ज़ोन टाइमर को अक्षम करने के साथ उपरोक्त समाधान वेधशालाओं के साथ गड़बड़ कर देता है, (उदा। asyncValidators)। आखिरकार मेरे लिए काम करने वाला समाधान बंदर-पैचिंग सेटटाइमआउट है।

platformBrowserDynamic().bootstrapModule(AppModule)
.then((moduleRef: NgModuleRef<AppModule>) => {
  const ngZone: NgZone = moduleRef.injector.get(NgZone);
  const originalSetTimeout = window.setTimeout;
  (window as any).setTimeout = function setTimeout(fn, ms) {
    return ngZone.runOutsideAngular(() => {
      return originalSetTimeout(() => {
        ngZone.run(fn);
      }, ms);
    });
  };
})

popec 5 मई 2020

👎1

शायद समस्या प्रोट्रैक्टर में ही नहीं है, बल्कि एप्लिकेशन कोड में है।

एंगुलर जेएस से संक्रमण के साथ, जो परिवर्तनों को ट्रैक करने के लिए डाइजेस्ट चक्र का उपयोग करता है, एंगुलर 2+ विच के साथ हाइब्रिड ऐप में परिवर्तन का पता लगाने के लिए ज़ोन.जेएस का उपयोग करता है, प्रोट्रैक्टर टाइमआउट के साथ गिरने लगा।

प्रोटैक्टर अगली परीक्षण क्रिया तभी शुरू करता है जब अनुप्रयोग स्थिर हो। हाइब्रिड ऐप के मामले में स्थिरता का अर्थ है एप्लिकेशन के एंगुलर जेएस भाग और एप्लिकेशन के एंगुलर 2+ भाग की स्थिरता। दोनों भाग स्थिर होने चाहिए।

कोणीय जेएस स्थिरता को $$testability.whenStable माध्यम से परिभाषित किया गया है। कोणीय 2+ की स्थिरता window.getAngularTestability(...).whenStable माध्यम से निर्धारित की जाती है। आप प्रोटैक्टर कोड को डीबग कर सकते हैं और अपने लिए देख सकते हैं। ऐसा करने के लिए debugger; स्टेटमेंट को WaitForAngular _\node_modules\protractor\built\clientsidescripts.js_ फ़ाइल में जोड़ें;
आप देखेंगे कि Angular2+ ज़ोन की स्थिरता कभी नहीं होती है। स्थिरता के लिए , सभी माइक्रो टास्क और मैक्रो टास्क पूरे होने चाहिए।

अब हम इस मुद्दे को समझते हैं। एप्लिकेशन का कोणीय 2+ हिस्सा हमेशा अस्थिर होता है और इसलिए प्रोट्रैक्टर अनिश्चित काल तक प्रतीक्षा करता है जब तक कि यह स्थिर न हो जाए और टाइमआउट के साथ गिर जाए। हाइब्रिड ऐप के मामले में एंगुलर जेएस स्थिरता को नहीं बदलना चाहिए था और यह प्रोट्रैक्टर टाइमआउट को प्रभावित नहीं करता है। इससे हम यह निष्कर्ष निकाल सकते हैं कि एंगुलर 2+ ज़ोन की अस्थिरता को ठीक करना आवश्यक है और फिर प्रोट्रैक्टर उम्मीद के मुताबिक काम करना शुरू कर देगा।

ठीक करने का पहला प्रयास:
चूंकि बहुत कम समय था और मैं एक ही बार में सब कुछ ठीक करना चाहता था, मैंने कोड लिखा जो एंगुलर 2+ ज़ोन से शेड्यूलिंग कार्यों को ले गया।

    $provide.decorator("$animateCss", ["$delegate", createDecorator]);
    $provide.decorator("$http", ["$delegate", createDecorator]);
    $provide.decorator("$timeout", ["$delegate", createDecorator]);
    $provide.decorator("$interval", ["$delegate", createDecorator]);
    $provide.decorator("$q", ["$delegate", createDecorator]);
    $provide.decorator("$xhrFactory", ["$delegate", createDecorator]);
    $provide.decorator("$templateRequest", ["$delegate", createDecorator]);
    $provide.decorator("$httpBackend", ["$delegate", createDecorator]);

    $provide.decorator("$animate", ["$delegate", createDecorator]);
    $provide.decorator("$rootScope", ["$delegate", createDecorator]);
    $provide.decorator("$templateCache", ["$delegate", createDecorator]);
    $provide.decorator("$browser", ["$delegate", createDecorator]);

    function runInRootZone(fn, ...args) {
        if (window.Zone.current.parent) {
            return window.Zone.current.parent.run(() => runInRootZone(fn, ...args));
        }

        return fn(...args);
    }

    function decorate(decorator, $delegate) {

        const keys = Object.keys($delegate);
        for (let i = 0; i < keys.length; i++) {

            const key = keys[i];
            if (angular.isFunction($delegate[key])) {
                decorator[key] = createDecoratorForFunctionLikeService($delegate[key]);
            } else {
                if (decorator[key] !== $delegate[key]) {
                    decorator[key] = $delegate[key];
                }
            }
        }
    }

    function createDecoratorForFunctionLikeService($delegate) {

        function decorator(...args) {
            return runInRootZone($delegate, ...args);
        }

        decorate(decorator, $delegate);

        return decorator;
    }

    function createDecoratorForService($delegate) {

        decorate($delegate, $delegate);

        return $delegate;
    }

    function createDecorator($delegate) {
        if (angular.isFunction($delegate)) {
            return createDecoratorForFunctionLikeService($delegate);
        }
        return createDecoratorForService($delegate);
    }

यद्यपि यह दृष्टिकोण व्यावहारिक साबित हुआ है, जैसा कि समय ने दिखाया है, इस दृष्टिकोण के अपने नुकसान हैं। मुख्य बात यह है कि यह निर्धारित करना असंभव है कि हाइब्रिड ऐप के किसी विशिष्ट भाग के लिए कौन सा ज़ोन (रूट या कोणीय) होगा। सामान्य ऑपरेशन के लिए Angular2+ के लिए यह आवश्यक है कि यह हमेशा कोणीय क्षेत्र में हो, और डेकोरेटर Angular2+ घटकों को रूट ज़ोन में होने का कारण बन सकते हैं। ngUpgrad का तात्पर्य है कि कोणीय क्षेत्र अधिकांश एप्लिकेशन को कवर करता है।

इससे बचने के लिए, कारणों के गहन विश्लेषण, सज्जाकारों को छोड़ने और मूल मुद्दे पर लौटने के साथ दूसरा फिक्स प्रयास किया गया था।

अब हमें यह समझने की जरूरत है कि कौन सा कोड जोन को अस्थिर बनाता है। इसके लिए, ज़ोन.जेएस में विशेष उपयोगिताएँ हैं, जैसे कि _TaskTrackingZoneSpec_ (_\node_modules\zone.js\dist\task-tracking.js_), जो यह ट्रैक करने की अनुमति देती है कि कौन से कार्य ज़ोन में हैं और उन्हें कहाँ बनाया गया था ( creationLocation )। इसके अलावा, ऐप के एंगुलर 2+ भाग की शुरुआत में, एंगुलर ज़ोन (window as any).a9Zone = (upgradeModule as any).ngZone._inner; सेव करें और इस कोड को कहीं जोड़ें

$rootScope.$watch(function () {
    if (window.a9Zone) {
        console.log("Angular2+ task count:", window.a9Zone._zoneDelegate._taskCounts);

        // Optional.
        window.getAllAngularTestabilities().forEach(_ => {
            _.taskTrackingZone.macroTasks.forEach(t => {
                console.log(t, t.creationLocation);
            });
        });
    }
});

इस प्रकार, एप्लिकेशन में उन स्थानों का पता लगाएं जहां माइक्रोटास्क और मैक्रोटास्क लंबे समय से ज़ोन में हैं (_microTasks.lenght! == 0 && macroTasks.lenght! == 0_)।

फिर आपको इस कोड को एंगुलर ज़ोन से बाहर निकालना होगा। ऐसा करने के लिए, कोड को ngZone.runOutsideAngular में लपेटें। हालाँकि, इसे बहुत सावधानी से करें और सुनिश्चित करें कि रूट ज़ोन वहाँ नहीं दिखाई दिया जहाँ इसकी आवश्यकता नहीं है।

एंगुलर ज़ोन के स्थिर होने के बाद, प्रोट्रैक्टर टाइमआउट के साथ नहीं गिरेगा।

उम्मीद है की यह मदद करेगा।

buiko20 24 मई 2020

मैं नीचे दिए गए तर्क के साथ waitForAngular फ़ंक्शन को ओवरराइड करके इस समस्या को हल करने के लिए एक अस्थायी हैक के साथ आया था।

onPrepare: function() {

            var script = "var callback = arguments[arguments.length - 1];" +
                "angular.element(document.querySelector(\"body\")).injector()"+
                ".get(\"$browser\").notifyWhenNoOutstandingRequests(callback)");

            browser.waitForAngular = function() {
                return browser.executeAsyncScript(script)
            };
}

sudharsan-selvaraj 6 जुल॰ 2020

👍1

क्या यह पृष्ठ उपयोगी था?

0 / 5 - 0 रेटिंग्स