क्या पृष्ठ पर कोणीय कोड शामिल किया जा रहा है? ऐसा लगता है कि आपको शिम, बूटस्ट्रैप और अन्य की आवश्यकता है लेकिन angular.min.js नहीं दिखाया गया है।

'app': {
            deps: ['libraries/angular', 'libraries/angular-resource', 'libraries/angular-strap']
        },

ऊपर दिया गया स्निपेट शिम {} तत्व के अंदर रहता है, मैंने इसे स्निपेट से बाहर छोड़ दिया क्योंकि यह मेरे लिए बहुत प्रासंगिक नहीं था। लेकिन इस तरह angular.js लोड किया जा रहा है।

नमस्ते,

हां, प्रोटैक्टर को वर्तमान में एक एनजी-ऐप की उम्मीद है, इसलिए मैन्युअल रूप से बूटस्ट्रैप की गई साइटों में समस्या होगी। इस दस्तावेज के लिए जल्द ही एक कामकाज मिलने की उम्मीद है।

अपडेट के लिए ओके thx। जब आपको कोई समाधान मिल गया तो क्या आप उसे इस अंक में पोस्ट कर सकते हैं?

धीमी प्रतिक्रिया के लिए खेद है - आपको ऐसा करके ठीक करने में सक्षम होना चाहिए

describe('List SMC Charts', function() {
        var ptor= protractor.getInstance();

        beforeEach(function() {
          ptor.driver.get('#/smcChart'); // Just use the plain old webdriver here, it won't complain if Angular isn't loaded yet.
        });

        it('list, no filter', function() {
          var selectOption = ptor.findElement(ptor.By.input("selectOption"));
        });
});

क्या आपने कहीं ptor वैरिएबल सेट किया है? जैसे var ptor = protractor.getInstance() ?

इस पर किसी भी अद्यतन? आपका सुझाया गया समाधान मेरे लिए काम नहीं कर रहा है (प्रोट्रैक्टर@0.10.0, [email protected])

मेरे पास एक गैर-कोणीय लॉगिन स्क्रीन का एक अजीब संयोजन है जिसके बाद एक आवश्यकता है, मैन्युअल रूप से बूटस्ट्रैप किया गया ऐप:

describe('User levels', function() {
    var ptor, driver;

    var findByName = function (name) {
        return driver.findElement(protractor.By.name(name));
    };

    describe('Editors', function() {
        ptor = protractor.getInstance();
        driver = ptor.driver;
        it('Can log in', function() {
            driver.get('http://localhost:8000/');
            findByName('login').sendKeys('test_editor');
            findByName('pass').sendKeys('rubbish');
            driver.findElement(protractor.By.css('button[type="submit"]')).click();
        }, 20000);

        it('Shows the homepage', function() {
            var el = ptor.findElement(protractor.By.css('h1[field="pageTitle"]'));
            expect(el.getText()).toEqual('Welcome to Home');
        }, 30000);

    });
});

और मेरा main.js :

require([
    'angular',
    'app'
], function (angular, app) {
    'use strict';
    var body = document.body, name = app.name;
    body.setAttribute('ng-app', name);
    body.setAttribute('id', 'ng-app');
    angular.bootstrap(body, [name]);
});

लॉगिन भाग काम करता है और मैं UnknownError: javascript error: angular is not defined के साथ प्रोट्रैक्टर त्रुटियों से पहले संरक्षित पृष्ठ लोड होने का एक फ्लैश देख सकता हूं। मैंने पृष्ठ को driver.get('...') और यहां तक ​​कि ptor.get('...') के साथ पुनः लोड करने का प्रयास किया है लेकिन कुछ भी काम नहीं करता है।

कोई संकेत/सलाह/सुधार कृतज्ञतापूर्वक प्राप्त हुआ।

@magnetized आपको अन्य परीक्षणों की कोशिश करने से पहले लॉगिन होने तक प्रतीक्षा करने के लिए अपने परीक्षण को बताने के किसी तरीके की आवश्यकता होगी। मुझे लगता है कि क्या हो रहा है कि आप पृष्ठ पर कोणीय लोड होने से पहले ptor.findElement का उपयोग करने का प्रयास कर रहे हैं।

आपका 'लॉग इन कर सकते हैं' स्पेक एक प्रतीक्षा विवरण के साथ समाप्त होना चाहिए जो आपके ऐप के लिए कुछ शर्त की जांच करता है। यहां उदाहरण देखें - https://github.com/angular/protractor/blob/master/spec/login/viaConfigConf.js

@juliemr ब्रिलियंट, जो पूरी तरह से काम करता है।

मैं समझ गया था कि चांदा "कोणीय लोड होने तक प्रतीक्षा करें" करेगा, लेकिन मुझे लगता है कि आप सभी मामलों को कवर नहीं कर सकते।

एक बार फिर धन्यवाद।

मेरे पास बिल्कुल वही सेटअप है। @juliemr क्या आप अपना समाधान साझा करना चाहते हैं। आपकी प्रतीक्षा की स्थिति क्या है? धन्यवाद!

@jorgenfb मुझे आश्चर्य है कि क्या आपका मतलब उस टिप्पणी को मुझ पर निर्देशित करने के लिए है?

मेरे समाधान में एंगुलर राउटर के बूट होने और url को नंगे '/' से बदलने की प्रतीक्षा करना शामिल है, जो कि लॉगिन सिस्टम आपको डिफ़ॉल्ट मार्ग पर पुनर्निर्देशित करता है - हमारे मामले में '/#view'।

मैंने इसे एक समारोह में बनाया है कि मैं इसे सभी परीक्षणों में पुन: उपयोग कर सकता हूं:

var waitUntilLoaded = function() {
    ptor.wait(function() {
      return ptor.driver.getCurrentUrl().then(function(url) {
        return /view/.test(url);
      });
    });
};

मुझे नहीं पता कि यह आपके लिए काम करेगा या नहीं, यह आपके रूटिंग कॉन्फिगर पर निर्भर करता है।

@juliemr धन्यवाद, एक आकर्षण की तरह काम करता है :)

मुझे एक समान समस्या हो रही है (SO पर पाया गया: http://stackoverflow.com/questions/19391813/protractor-fails-to-find-angular) प्रोटैक्टर के साथ कोणीय नहीं मिल रहा है, भले ही कोणीय बहुत स्पष्ट रूप से लोड और चल रहा हो। क्या आसान समाधान है (कोणीय खोजने की कोशिश किए बिना परीक्षण) जिस तरह से हमें जाना चाहिए? ऐसा लगता है कि एंगुलर ऐप्स का परीक्षण करने के लिए विशेष रूप से बनाए जा रहे प्रोट्रैक्टर के उद्देश्य को हराने के लिए।
संपादित करें: मुझे यह भी ध्यान रखना चाहिए कि इस मुद्दे में प्रस्तावित समाधान मेरे लिए काम नहीं करता है।

+1 बेहतर कोणीय मैनुअल बूटस्ट्रैप प्रलेखन रखने के लिए

क्या यह अभी भी प्रासंगिक है?

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

मैंने आज ही प्रोट्रैक्टर का उपयोग करना शुरू किया है और हमारा ऐप आवश्यकता.जेएस का उपयोग करता है ... यदि मैन्युअल रूप से बूटस्ट्रैप किए गए एप्लिकेशन के परीक्षण के संबंध में कोई अपडेट किया गया है, तो मुझे, एक के लिए, दिलचस्पी है। :-)

यहां भी यही समस्या। कोणीय ऐप के बाहर लॉगिन पेज के साथ आवेदन मिला। पिछली टिप्पणियों में समाधान पुराना प्रतीत होता है। उस तरह के परिदृश्य का परीक्षण करने में सक्षम होने के बारे में अद्यतन दस्तावेज़ को बहुत पसंद करेंगे।

@hankduan हाँ, मुझे ऐसा लगता है।

मैं अभी इस मुद्दे से जूझ रहा हूं। पृष्ठभूमि समान है: मेरे पास एक बड़ा एप्लिकेशन है जो निर्भरताएं RequJS के माध्यम से प्रबंधित की जाती हैं।

मैंने पहले ही window.name='NG_DEFER_BOOTSTRAP!'; & angular.resumeBootstrap() का उपयोग करके अपना ऐप अपडेट कर लिया है, हालांकि यह अभी भी काम नहीं करेगा।

यह कहा, मुझे नहीं पता कि आगे क्या करना है। आगे की जांच के लिए मैंने https://github.com/knalli/protractor-with-deferred-bootstrap पर एक परीक्षण मामला स्थापित किया है

• git clone https://github.com/knalli/protractor-with-deferred-bootstrap.git
• cd protractor-with-deferred-bootstrap
• npm install
• npm run-script webdriver (सेलेनियम सर्वर)
• npm run-script server (एक मिनी AJS ऐप परोसने वाला डेमो ऐप सर्वर)
• npm run-script e2e-test (चाचा चलाता है...)

परिणाम है

Using the selenium server at http://localhost:4444/wd/hub
Login: Click
Login: Waiting...
A Jasmine spec timed out. Resetting the WebDriver Control Flow.
The last active task was: 
unknown
F

Failures:

के बाद

UnknownError: unknown error: [ng:btstrpd] App Already Bootstrapped with this Element '

आखिरी त्रुटि थोड़ी अजीब है और शायद भ्रामक भी है: परीक्षण किया गया है (जहां तक ​​​​उम्मीदें ठीक थीं और हम ब्राउज़र में क्या देख सकते हैं) सफल रहा।

क्रॉसचेक: अगर मैं मैनुअल के साथ डेमो ऐप को गैर-आस्थगित बूटस्ट्रैपिंग पर स्विच करता हूं (यह संस्करण no-deferred शाखा में उपलब्ध है), तो यह सफल होगा।

मैंने पहले से ही कुछ तथाकथित "वर्कअराउंड" की कोशिश की है:

1. http://www.sebdangerfield.me.uk/2014/01/angularjs-protractor-app-already-bootstrapped-error/
   अप्रासंगिक या भ्रामक -> कोई अंतर नहीं।
2. https://github.com/angular/protractor/issues/325#issuecomment -36738048 protractor.getInstance() और ignoreSynchronization का उपयोग करके -> कोई अंतर नहीं
3. https://github.com/angular/protractor/issues/325#issuecomment -30701683 पैचिंग clientSideScripts.js/waitForAngular -> कोई फर्क नहीं

मैंने कल अपना पहला प्रोट्रैक्टर परीक्षण लिखा था और नल्ली जैसी ही समस्या थी।

@knali उदाहरण लिखने के लिए धन्यवाद। मैं कुछ दिनों में देख लूंगा

तो मेरा प्रोट्रैक्टर सभी कामों का परीक्षण करता है (एक विफलता को छोड़कर लेकिन यह मेरी गलती है :-P)।
मुझे बताएं कि क्या यह मदद नहीं करता/नहीं करता है।
यहाँ मेरा सेटअप है:

प्रोट्रैक्टर संस्करण:
संस्करण 1.0.0-आरसी4
सेलेनियम स्टैंडअलोन:
तारीख पर निर्भर है
क्रोमड्राइवर:
तारीख पर निर्भर है

निश्चित रूप से प्रासंगिक फाइलें:

कॉन्फ़िग

/*jshint expr: true*/
/*global browser: true*/
var TEST_DIR =  '../tests/';
exports.config = {
  seleniumAddress: 'http://localhost:4444/wd/hub'
,  specs : [     '../tests/e2e/_protractor.js'       ]
,  capabilities: {'browserName': 'chrome'    }
,  chromeDriver: './chromedriver'  // <---- I remember not being able to get chromedriver working 
                                                    // for some reason, so I just downloaded the executable and put it
                                                    // in my config directory
,  onPrepare: function() {
    "use strict";
    browser.driver.get('http://localhost:5000/register');
    browser.driver.wait(function() {
      return browser.driver.getCurrentUrl().then(function(url) {
        return /\#\/registration/.test(url);
      });
    });
  }
    //  chromeOnly: true,
    //  baseUrl: 'http://localhost:5000/register'
,  jasmineNodeOpts: {
    showColors: true
  }
};

_प्रोट्रैक्टर.जेएस

/*jshint expr: true, undef: true */
/* global element: true, by: true, browser: true, model:true */
(function(){
  "use strict";

var RegistrationPage = function(){
  browser.driver.wait(function() {
    return browser.driver.getCurrentUrl().then(function(url) {
      return /\#\/registration/.test(url);
    });
  });
};
  var account = new RegistrationPage();

  account.elem = element.all(by.name('account_exists'));
  account.accountNumber = element(by.name('account_number'));
  account.submitAccountButton = element(by.css('#account_input button'));

  account.selectHasAccount = function(){
    account.elem.get(0).click();
    return browser.getCurrentUrl();
  };

  account.enterAccountNumber = function(keys){

    account.selectHasAccount().then(function(){
      account.accountNumber.sendKeys(keys);
      return account.submitAccountButton.click()
        .then(function(){
          return browser.getCurrentUrl();
      });
      //this wont log because already returned ^
//      console.log('need to return again');
    });
  };
  account.noAccount = function(){
    account.elem.get(1).click();
  };

describe('registration page', function() {
  it("will survive", function(){
    var registrationPage = new RegistrationPage()
    , title = browser.getTitle();
    expect(title).toBe('Web Shop | Homepage');
  });
  it('will change route on account_exists radiobox click', function(){
    var elem = element.all(by.name('account_exists'))
    , _url;
    elem.get(0).click()
    .then(function(){
      _url = browser.getCurrentUrl().then(function(_url){
        expect(_url).toBe('http://localhost:5000/register#/registration/has');
      });
    })
    .then(function(){
        elem.get(1).click().then(function(){
          _url = browser.getCurrentUrl();
          expect(_url).toBe('http://localhost:5000/register#/registration/no');
        });
      });
  });
  describe('navigate the hasAccount path:', function(){
    it('will click hasAccount which will cause a route change.', function () {
      expect(account.selectHasAccount()).toBe('http://localhost:5000/register#/registration/has');
    });
    it("will submit a valid account number", function(){
      expect(account.enterAccountNumber('1231231231')).toBe('http://localhost:5000/register#/user');
    });
  });
  it('will click noAccount which will cause a route change.', function () {
    var  _url;
    account.noAccount();
    _url = browser.getCurrentUrl();
    expect(_url).toBe('http://localhost:5000/register#/registration/no');
  });
});
})();

आवश्यकता/मुख्य.जेएस:

var pathToJQuery
if('querySelector' in document
  && 'localStorage' in window
  && 'addEventListener' in window) {
  //ie9+ and all browsers
  pathToJQuery = 'lib/jquery/dist/jquery'
} else {
  //ie8 and ie7
  pathToJQuery = 'lib/jquery-1.7.2.min'
}
requirejs.config({

      paths : {

//        Paths

          "reg": 'js/registration'
        , "com": 'js/common'
        , "init": 'js/init'
        , "regD": 'js/registration/directives'
        , "regC": 'js/registration/controllers'
        , "regS": 'js/registration/services'
        , "regM": 'js/registration/modules'
//
//        Frameworks
        ,  "angular": "lib/angular/angular"
        ,  "angular.animate" : "lib/angular-animate/angular-animate"
        ,  "jquery": pathToJQuery   //< = == v    long story; don't judge me.
        ,  "jqueryMigrate" : "lib/jquery-migrate/jquery-migrate"
        ,  "mocks": "lib/angular-mocks/angular-mocks"
        ,  "ui_router": "lib/angular-ui-router/release/angular-ui-router"
        ,  "Q": "lib/q/q"

//        Init
        ,  "apps_init" : 'js/init/apps_init'
        ,  "apps_bootstrap" : 'js/init/apps_bootstrap'
//        ,  "jquery_bootstrap" : 'js/init/jquery_bootstrap'
        ,  "registration": "js/init/registration"

//       Common

//         Registration
        ,  "registration": "js/registration/registration"
//         Controllers
        ,  "account.controller" : 'js/registration/controllers/account.controller'
        ,  "user.controller" : 'js/registration/controllers/user.controller'
//         Directives
        ,  "account.directive" : 'js/registration/directives/account.directive'
//    Services
        , "user.service" : "js/registration/services/user.service"
    }
,     shim: {
        'angular': {
            exports : 'angular'
        }
    ,   'angular.animate' : {deps: ['angular']}
    ,   'jqueryMigrate' : {deps: ['jquery']}
    ,   'ui_router' : ['angular']
    ,   'mocks': { deps: ['angular'], 'exports': 'angular.mock' }
}
});

if( pathToJQuery ===  'lib/jquery/dist/jquery' ){
  requirejs([
        'angular' , 'jquery' , 'jqueryMigrate', 'init/jquery_bootstrap', 'init/apps_bootstrap' ]
      , function(angular, jquery, jquery_bootstrap, apps_bootstrap) {
      }
  );
} else {
  requirejs([
      'angular' , 'jquery' , 'jqueryMigrate', 'init/jquery_bootstrap', 'init/apps_bootstrap' ]
    , function(angular, jquery, jqueryMigrate, jquery_bootstrap, apps_bootstrap) {
    }
  );
}
console.log("working");

संभावित रूप से सहायक फ़ाइलें:

डिफ़ॉल्ट दृश्य (हैंडलबार)

<!DOCTYPE html>
<html xmlns:ng="http://angularjs.org"
            xmlns:fab="http://angularjs.org"
            xmlns:ui ="http://angularjs.org"
            lang = "en" class = "no-js" >
<head >
<meta http-equiv="Content-Type" content="text/html; charset=utf-8"/>
<meta http-equiv="X-UA-Compatible" content="IE=Edge"/>
<meta charset="utf-8">
<link rel="shortcut icon" type="image/x-icon" media="all" href="/images/favicon.ico" />
<script type="text/javascript" src="lib/modernizr.js"></script>

<!-- Default ie theme files:-->
<!--[if lte IE 9]><script type="text/javascript">console = {}; console.log = function(){};</script><![endif]-->
<!--[if IE 8]><link type="text/css" rel="stylesheet" href="build/css/ie8/theme.css" /><![endif]-->

<!--[if IE 7]><link type="text/css" rel="stylesheet" href="build/css/ie7/theme.css" /><![endif]-->

<!-- Normal styles -->
<link type="text/css" href="css/style.css" rel="stylesheet">


<!--[if IE 8]> <link type="text/css" rel="stylesheet" href="build/css/ie8/ie_8.css"  /> <![endif]-->
<!--[if IE 7]> <link type="text/css" rel="stylesheet" href="build/css/ie7/lte_ie7.css"/> <link type="text/css" rel="stylesheet" href="build/css/ie7/ie_7.css" /><![endif]-->


<script data-main="main" src="lib/requirejs/require.js"></script>
</head >

<body class = "page-homepage language-en" >
<div id = "wrapper" >
    <div id = "page" data-currency-iso-code = "USD" >
        {{> _header}}
        <a href = "#skip-to-content" class = "skiptocontent" >Skip to content</a >
        <a href = "#skiptonavigation" class = "skiptonavigation" >Skip to navigation menu</a >
    <!--[if lte IE 10]> <p class="browsehappy" style="margin-top: 10px; ">You are using an <strong>outdated</strong> browser. Please <a href="http://browsehappy.com/">upgrade your browser</a> to improve your experience.</p><![endif]-->
    <main ng-cloak id = "content" role = "main" class = "page_main <!--[if IE7]>ng-cloak<![endif]-->" >

        </main>
    </div >
</div >
</body >

</html >

कंट्रोलर.जेएस (सर्वर कॉन्फिग)

(function(){
    "use strict";

    //  node requires
    //==============================
    // express-hbs
    // express
    //
    const express = require('express')
        , portN = 5000
        , hbs = require('express-hbs')
        , app = express()
        , path = require('path')
        , Server = require('./server')
        , bodyParser = require('body-parser')
        , serveStatic = require('serve-static')
        , session = require('express-session')

    , router = express.Router()
    , logger  = require('morgan')
        , methodOverride = require('method-override')
        , errorhandler = require('errorhandler')


    //  view paths
    //==============================
    //
    //
    //
        , viewsD = __dirname + '/views/'
        , partialsD = viewsD + 'partials/'
        , layoutsD = viewsD + 'layouts/'
        , testsD =  __dirname + '/tests/'
    , publicD = __dirname + '/public/'
    , styleguideD = publicD+ '/styleguide/'
        , defaultF = layoutsD + 'default.hbs';
    //  Express setup.
    //==============================
    //
    //
    //
    app.use(express.static(publicD))
            .use(bodyParser())
            .use(logger('dev'))
            .use(methodOverride())
            .use(serveStatic(path.join(__dirname, 'public')))
            .use(errorhandler());

    app.set('view engine', 'hbs')
            .set('port', process.env.PORT || portN)
            .set('cache', false)
            .set('views', viewsD);

    app.engine('hbs', hbs.express3({
        partialsDir: partialsD,
        defaultLayout: defaultF,
        layoutsDir: layoutsD
    }));

    var indx = {};

    app.get( '/' ,function (req, res) {
        res.render(partialsD + '_home.hbs', indx);
    });

    app.get( '/register' ,function (req, res) {
        res.render(partialsD + '_register.hbs', indx);
    });

    new Server(app);

})();

सर्वर.जेएस

module.exports = function(app){
  "use strict";
    var http = require('http');
    http.createServer(app).listen(app.get('port'), function(){
        console.log('Express server listening on port ' + app.get('port'));
    });
};


module.exports = function (app) {
    "use strict";
    var http = require ('http');
    http.createServer (app).listen (app.get ('port'),function () {
        console.log ('Express server listening on port ' + app.get ('port'));
    }).on ('error', function (e) {
        console.log ("got error: " + e.message);
    });
};

package.json (प्रासंगिक अंश)

"dependencies": {
    "body-parser": "^1.2.1",
    "bower": "^1.3.2",
    "errorhandler": "^1.0.1",
    "express": "^4.3.1",
    "express-hbs": "^0.7.9",
    "express-session": "^1.2.0",
    "node-dev": "^2.3.0"
  },

  "scripts": {
    "start": "node --harmony $* ./node_modules/.bin/node-dev controller.js",
  },
"devDependencies": {
  "browserstack-webdriver": "^2.41.1",
  "grunt-protractor-runner": "^1.0.0",
  "method-override": "^1.0.2",
    "morgan": "^1.1.1",
    "protractor": "^0.23.1",
    "requirejs": "^2.1.11",
    "serve-static": "^1.1.0",
},
  "author": "Andrew Luhring"

फ़ाइल संरचना:

config/
   protractor.config.js
    chromedriver

server.js
controller.js

public/
   main.js
   js/
   lib/

tests/
   e2e/
      _protractor.js    <=== test file.

views/
  layouts/
      default.hbs

  partials/
      _head.hbs
      _register.hbs   <=== file being tested.

पूरा यकीन है कि यह मेरा पूरा सेटअप है। लगा कि मैं वर्बोज़ के लिए जाऊंगा। उम्मीद है की वो मदद करदे।

मुझे जो करना था वह था:

1. URL में एक परीक्षण-विशिष्ट भाग जोड़ें, ताकि मेरा बूटस्ट्रैप कोड जान सके कि यह 'सामान्य रूप से' चल रहा है या एक प्रोट्रैक्टर परीक्षण के रूप में, फिर केवल परीक्षणों के लिए
2. document.ready . से angular.bootstrap पर कॉल करें
3. विंडो का नाम 'NG_DEFER_BOOTSTRAP!' से शुरू करने के लिए सेट करें angular.bootstrap . को कॉल करने से पहले
4. मेरे अपूर्ण तत्व पर 'एनजी-ऐप' विशेषता सेट करें
5. विंडो सेट करें। कोणीय को इंगित करने के लिए कोणीय

देखें https://github.com/mikaraento/protractor-reuse/blob/master/index.js

क्या मुझे पता है कि क्रोम और फ़ायरफ़ॉक्स ब्राउज़र में पूरी तरह से अच्छी तरह से निष्पादित होने वाली प्रोट्रैक्टर स्क्रिप्ट हमेशा इंटरनेट एक्सप्लोरर में क्यों निष्पादित नहीं हो सकती हैं?

हालांकि वही स्क्रिप्ट अन्य ब्राउज़रों में पूरी तरह से निष्पादित हो रही हैं, लेकिन इंटरनेट एक्सप्लोरर में हमेशा एक जैसी नहीं चल सकती हैं। मुझे बार-बार त्रुटियाँ मिल रही हैं जैसे टाइम आउट अपवाद:
संदेश: 'समय समाप्त: 30000 मिसे के बाद समय समाप्त हो गया है और कल्पना के पूरा होने की प्रतीक्षा कर रहा है’,
ट्रेस: ​​{स्टैक: अपरिभाषित}}]
और कभी-कभी इंटरनेट एक्सप्लोरर में तत्वों का पता नहीं चल रहा है।

हालाँकि मैंने डिफ़ॉल्ट समय अंतराल का उपयोग defaultTimeou tInterval:1000000 के रूप में किया है, मेरी स्क्रिप्ट में मुझे इंटरनेट एक्सप्लोरर में निष्पादित करते समय उपर्युक्त त्रुटियां मिल रही हैं ...

क्या कोई इस पर मेरी मदद कर सकता है?

सादर,
संतोष चुनचु

मुझे नहीं लगता कि यह केवल मैन्युअल बूटस्ट्रैपिंग में कोई समस्या है? या क्या आप पहले से ही क्रोम और फ़ायरफ़ॉक्स में मैन्युअल बूटस्ट्रैप किए गए ऐप्स चलाने में सक्षम हैं?

@hankduan क्या आपने पहले से ही परीक्षण मामले पर एक नज़र डाली है? शायद हम कुछ मदद कर सकते हैं?

मेरे पास एक सीएल आउट है जो प्रोटैक्टर के लिए बूटस्ट्रैपिंग के काम करने के तरीके को बदल देता है (https://github.com/angular/protractor/pull/1155)। इसका मुख्य उद्देश्य कई अन्य मुद्दों को ठीक करना है, लेकिन मुझे लगता है कि इसे बूटस्ट्रैपिंग के आधार पर मैन्युअल बूटस्ट्रैप के साथ इसे ठीक करना चाहिए (या कम से कम मदद)। हालाँकि, मैंने परीक्षण के लिए कभी भी मैनुअल बूटस्ट्रैप सेट नहीं किया है, इसलिए यह सिर्फ सैद्धांतिक है।

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

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

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

मेरा समाधान

मैं ग्रंट टू कॉनकैट का उपयोग कर रहा हूं/अपने कोड को एक जेएस फ़ाइल में नीचे कर रहा हूं, जो एक स्क्रिप्ट टैग के साथ index.html में संदर्भित एकमात्र स्क्रिप्ट है। चलिए इसे script.js कहते हैं। विकास में, मैं एक अलग ग्रंट कार्य चलाता हूं, जो कैशिंग को रोकने के लिए अलग-अलग, असीमित रूप से, और टाइमस्टैम्प के साथ शेष जेएस फाइलों को लोड करने के लिए मुझे आवश्यक फाइलों को एक साथ जोड़ता है। जब मैं विकास कर रहा हूं, तो स्क्रिप्ट का यह संक्षिप्त सेट script.js को बदल देता है। किसी भी परिदृश्य में, मैं केवल index.html से script.js लोड कर रहा हूं, और एक स्क्रिप्ट टैग के साथ।

विकास

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

बूटस्ट्रैप_देव.जेएस

        .element(document.body)
        .ready(function() {
            angular.bootstrap(document.body, ['App']);
        });

उत्पादन / चांदा

उत्पादन में, मैं मैन्युअल रूप से बूटस्ट्रैप नहीं कर सकता क्योंकि चांदा इसे पसंद नहीं करता है। और मैं अपने प्रोडक्शन कोड के खिलाफ प्रोट्रैक्टर चला रहा हूं। मैंने अपने एचटीएमएल से "एनजी-ऐप" विशेषता भी हटा दी है, इसलिए एप्लिकेशन समय से पहले विकास में बूटस्ट्रैप नहीं करता है, इसलिए सामान्य स्वचालित बूटस्ट्रैप नहीं हो रहा है। मैं script.js में अन्य सभी JS से पहले एक स्क्रिप्ट डालकर प्रोडक्शन में इसके लिए तैयार करता हूं।

बूटस्ट्रैप_प्रोड.जेएस

    window.document.body.setAttribute("ng-app", "myApp");

बस "myApp" को अपने मुख्य मॉड्यूल के नाम से बदलें।

निष्कर्ष

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

मेरे लिए जो काम कर रहा था, वह मेरे protractor.conf.js में, निम्नलिखित फ़ंक्शन को जोड़ रहा था:

onPrepare: function() 
    {
        // implicit and page load timeouts
        browser.manage().timeouts().pageLoadTimeout(40000);
        browser.manage().timeouts().implicitlyWait(25000);

        // for non-angular page
        browser.ignoreSynchronization = true;

        // sign in before all tests
     }

अगर ऐसा करने का कोई बेहतर तरीका है, तो कृपया मुझे बताएं =]

इसी तरह का मुद्दा था। यह उपयोगी जानकारी मिली:

बूट प्रक्रिया

कोई फर्क नहीं पड़ता कि ऐप को उत्पादन में कैसे बढ़ाया जाता है, लेकिन परीक्षणों में प्रोट्रैक्टर ऐसा कर रहा है:

1. परिवर्तन window.name इसलिए कोणीय प्रारंभ से पहले रुका हुआ है: NG_DEFER_BOOTSTRAP! (यह कोणीय विशेषता है!)
2. नकली सामान करता है, फिर angular.resumeBoostrap() को कॉल करता है और ऐप वास्तव में शुरू होता है।

इसलिए सुनिश्चित करें कि आपका उत्पादन कोड इस प्रक्रिया के साथ विरोध नहीं कर रहा है, क्योंकि कोणीय को केवल एक बार बढ़ाया जा सकता है, angular.boostrap() या angular.resumeBoostrap() पर दूसरी कॉल प्रोट्रैक्टर या ऐप को तोड़ देगी। तो, शरीर में एनजी-ऐप की बिल्कुल भी आवश्यकता नहीं है, और आप angular.boostrap() को स्वयं कॉल कर सकते हैं और इसे NG_DEFER_BOOTSTRAP का उपयोग करके प्रोट्रैक्टर द्वारा नियंत्रित किया जाएगा! अच्छी तरह से।

खिड़की.नाम

सुनिश्चित करें कि लोडिंग और बूटिंग के दौरान किसी भी ऐप कोड द्वारा window.name नहीं बदला गया है। मेरे मामले में jQuery ऐसा कर रहा था, यह पता नहीं लगा सकता कि क्यों। मेरी परियोजना से पूरी तरह से हटाए गए jQuery और परीक्षणों ने काम किया। यही है समस्या की जड़!

अभी के लिए, मैं खोज रहा हूं, बिना परीक्षणों को तोड़े jQuery को कैसे वापस लाया जाए, क्योंकि यह मेरी परियोजना के लिए आवश्यक है!

आखिरकार,

हमारी समस्या एक पृष्ठ पर jQuery के दो संस्करणों में थी (दूसरा संस्करण बाहरी पुस्तकालय द्वारा लोड किया गया था)। इसे हटा दिया और केवल हमारे jQuery को पृष्ठ पर छोड़ दिया और सब कुछ काम करता है।

कुछ कोड, सहायक हो सकते हैं:

index.html

<body>
...
<script data-main="require.conf" type="text/javascript" src="bower_components/requirejs/require.js"></script>
</body>

आवश्यकताएँ विन्यास

...
 deps: ["proto/main"],
...

प्रोटो.जेएस

// We just load deps and register the module:
 define(["deps"],function(){
   angular.module('proto'...
 }

प्रोटो/मेन.जेएस

define(["require", "exports", "proto", "angular"], 
    function (require, exports) {

    angular.bootstrap(document, ['proto']);
});

और, वास्तव में, परीक्षण युक्ति

var protractor = require('protractor');
var ptor;
function prepareBrowser() {

    ptor = protractor.getInstance();

    return ptor.get(ptor["baseUrl"] + '/login').then(function () {
        console.log("got");       
        return ptor.waitForAngular().then(function () {
            console.log("ngwaited");
        });
    });
}
describe('container', function () {
    beforeEach(function () {
        return prepareBrowser();
    });
    describe('form tests', function () {
        it('form is shown', function () {
            expect($('[ng-controller=LoginContr]').isDisplayed()).toBeTruthy();
        });

    });
});

उत्पादन

Using the selenium server at http://localhost:4444/wd/hub
got
ngwaited
container
  form tests
    form is shown - pass


Finished in 3.112 seconds
1 test, 1 assertion, 0 failures

होरे!

जब हमने ng-app के उपयोग से angular.bootstrap() #$ पर स्विच किया, तो projotractor.conf में rootElement: 'div' जोड़ना ही एकमात्र बदलाव था जो हमें चांदा को फिर से काम करने के लिए आवश्यक था। हम कोणीय 1.3.0 और चांदा 1.3.1 का उपयोग कर रहे हैं।

@jongunnip हाँ जो मेरे लिए भी काम करता है, धन्यवाद!

@mikaraento इसने मेरे लिए काम किया, धन्यवाद ~

हाय दोस्तों, इस धागे के लिए प्रासंगिक अजीब बात है।

मेरे पास नियमित कोणीय ऐप है - कोई आवश्यकता नहीं है या कुछ भी नहीं, मैं प्रोट्रैक्टर 2.0.0 का उपयोग कर रहा हूं।

जब मैं स्टेजिंग पर्यावरण पर सिस्टम परीक्षण चलाता हूं तो यह काम करता है।
जब मैं इसे स्थानीय रूप से चलाता हूं तो यह मुझे देता है:
org.openqa.selenium.WebDriverException: unknown error: [ng:btstrpd] App Already Bootstrapped with this Element ... संदेश

जब मैं grunt:server के बजाय स्थिर संसाधन की सेवा के लिए एक Nginx सर्वर को कॉन्फ़िगर करता हूं तो सबकुछ काम करता है।

क्या यह वास्तव में मायने रखता है अगर मैं इसे विकास में लाइवरेलोड के साथ चलाता हूं?

ऐसा लगता है कि स्थिर सर्वर अलग तरह से व्यवहार करते हैं, और ग्रंट कुछ 404 या रीडायरेक्ट की सेवा करता है, इसलिए वेबड्राइवर पागल हो जाता है।

नमस्ते,

बहुत समय पढ़ने और पढ़ने के बाद, मुझे एक समाधान मिला जो मेरी परियोजना के लिए अच्छा काम करता है ( प्रोट्रैक्टर निष्पादन प्रवाह को ठीक करें )

1. जब प्रोटैक्टर के लिए ऐप खोलें तो URL में ?protractor-test जोड़ें ( प्रोजेक्ट कोड )
2. कोणीय बूटस्ट्रैप कोड को बोले ( प्रोजेक्ट कोड ) की तरह बदलें

if(location.href.indexOf("protractor-test") < 0){
  // start angular app
  angular.bootstrap(document, [module.name]);
} else {
  // start angular app to protractor tests
  window.name = 'NG_DEFER_BOOTSTRAP!' + window.name;
  angular.bootstrap(document, [module.name]);
}

और अंत में सभी फिर से काम पर लौट आए \o/

कॉपी के साथ @juliemr

मैंने हाल ही में (सिर्फ 1-2 सप्ताह) अपने कोणीय अनुप्रयोग का परीक्षण करने के लिए प्रोट्रैक्टर का उपयोग करना शुरू किया। मेरे आवेदन में लॉगिन पेज पर बॉडी टैग में परिभाषित एनजी-ऐप है। मेरा टेस्ट यह कहते हुए शिकायत करता रहता है कि "पृष्ठ पर कोणीय नहीं पाया जा सकता है: // (वेबसाइट पता): कोणीय ने कभी भी फिर से शुरू नहीं कियाबूटस्ट्रैप" लेकिन परीक्षण निष्पादन ठीक है। इस मुद्दे के बारे में निश्चित नहीं है (यदि मैं ब्राउज़र इग्नोरसिंक पैरामीटर चालू करता हूं तो यह ठीक काम कर रहा है, लेकिन यह सही तरीका नहीं है), मैं कोशिश कर सकता हूं कि जूलिमर क्या सुझाव दे रहा है (नेविगेट करने के लिए विरासत ड्राइवर का उपयोग करें), लेकिन सिर्फ यह समझने की कोशिश कर रहा है कि मेरा ऐप शिकायत क्यों कर रहा है भले ही इसमें बॉडी टैग में एनजी-ऐप हो। ऐप फंक्शनल बिहेवियर इस तरह है.. लॉग इन पेज..लॉग इन करने के बाद होम पेज पर किसी लिंक पर क्लिक करें और यह एक और विंडो / टैब खोलता है। क्या कोई मुझे उन चरणों को खोजने में मदद कर सकता है जिन्हें यह सुनिश्चित करने के लिए सत्यापित करने की आवश्यकता है कि बूटस्ट्रैपिंग स्वचालित तरीके से की जाती है (बॉडी टैग में एक एनजी-ऐप पैरामीटर है)? क्या मुझे बूटस्ट्रैप.जेएस फ़ाइल में कुछ जाँचने की ज़रूरत है (मुझे बूटस्ट्रैप फ़ाइल में कोई एनजी-ऐप पैरामीटर नहीं दिख रहा है इसलिए जाँच कर रहा हूँ। धन्यवाद

क्या इस मुद्दे पर कोई अपडेट है? एक कोणीय ऐप के साथ काम करने के लिए प्रोट्रैक्टर को कॉन्फ़िगर करने के लिए सर्वोत्तम अभ्यास या तरीके क्या हैं जिनमें एनजी-ऐप नहीं है? @erkobridee क्या आप अपना उदाहरण आगे समझा सकते हैं? और क्या कोई समझा सकता है कि कोणीय लोड होने पर प्रोट्रैक्टर को कैसे इंतजार करना चाहिए, इस संबंध में window.name को ठीक से कैसे संभालना है?

@juliemr कोणीय 1.5 के साथ, मैन्युअल रूप से बूटस्ट्रैपिंग बूटस्ट्रैप का पसंदीदा तरीका है। क्या रास्ते में धन्य चांदा का समर्थन है?

+1 मुझे लगता है कि इस मुद्दे को उच्च प्राथमिकता दी जानी चाहिए। यदि प्रोट्रैक्टर मैनुअल बूटस्ट्रैप के साथ काम नहीं करता है, तो प्रोट्रैक्टर का उपयोग करने का कोई लाभ नहीं है। वेबड्राइवर पर प्रोट्रैक्टर का उपयोग करने का पूरा बिंदु यह है कि प्रोट्रैक्टर आपके लिए सभी कोणीय सिंक को संभालता है।

मेरे साथ भी वही दिक्कत है। किसी भी अद्यतन?

नमस्ते, क्या इसे सुधारने के लिए कोई योजना या प्रक्रिया है?

अजीब कोई प्रतिक्रिया नहीं है। मेरे पास एनजी-ऐप गायब ऐप्स हैं और मैं परीक्षण नहीं कर सकता
उन्हें चांदा के साथ

16 जुलाई 2016 को सुबह 5:01 बजे, "मिलरवक्स" नोटिफिकेशन @github.com ने लिखा:

नमस्ते, क्या इसे सुधारने के लिए कोई योजना या प्रक्रिया है?

-
आप इसे प्राप्त कर रहे हैं क्योंकि आपने टिप्पणी की थी।
इस ईमेल का सीधे उत्तर दें, इसे GitHub पर देखें
https://github.com/angular/protractor/issues/66#issuecomment -233104701,
या थ्रेड को म्यूट करें
https://github.com/notifications/unsubscribe-auth/AOghFs2ff0e-88DLafNGD3iCH8uCOgVaks5qWEmIgaJpZM4A82d7
.

2016 में आज तक, यह मेरे लिए अभी भी एक समस्या थी। मैंने समस्या को हल करने के लिए चुंबकीय उत्तर का अनुसरण किया। मैंने अभी कुछ बदलाव किए हैं। क्या अच्छा है और बातचीत के दायरे से बाहर रीडायरेक्ट को ट्रैक करना और अपने ऐप के अंदर वापस आना है। *मैंने इसे बैबेल के साथ किया था, लेकिन आप इसे इसके बजाय ES5 में लिख सकते हैं।

वर्णन करें ('लॉगिन स्क्रीन', () => {

var urlTimeout = 9000;

const waitForUrlRegex = (regex, urlMatcher )=>{

    return driver.wait(()=>{
        return driver.getCurrentUrl().then( (url)=>{
            return regex.test(url);
        });
    }, urlTimeout, "Expectation error: Timeout for url not matching " + urlMatcher );
};

const waitForRoute = (route)=>{
    return waitForUrlRegex( new RegExp( route + "$" ), route  );
}

const waitForUrl = (url)=>{
    return waitForUrlRegex( new RegExp( "^https?:\/\/" + url ), url );
}

it('should go to homepage and click login button', ()=>{

    driver.get( app_url, urlTimeout);

    //there is a redirect to welcome route
    expect( waitForRoute("welcome") ).toBe(true);

    const loginButton = element.all(by.className("login_button")).get(0);
    loginButton.click();
});

it( 'should enter credentials', ()=>{
    expect( waitForUrl( non_angular_login_url ) ).toBe(true);
    driver.findElement( by.name("user")).sendKeys( "username");
    driver.findElement( by.name("password")).sendKeys( "userpassword");
    driver.findElement( by.tagName("button")).click();
});

it( 'should go back to app, and continue testing', ()=>{
    expect( waitForRoute( "user-screen") ).toBe(true);
});

});`

config.onतैयार करें

onPrepare: ()=>{ require("babel-register"); global.driver = browser.driver; }

यदि आप रीडायरेक्ट नहीं देखना चाहते हैं, तो बस ड्राइवर को सोएं और फिर प्रोट्रैक्टर के साथ काम करना शुरू करें।

`driver.get(app_url+ "/#/welcome", urlTimeout);

    driver.sleep( 1000 );
    const loginButton = element.all(by.className("login_button")).get(0);
    loginButton.click();`

हम वास्तव में मैन्युअल बूटस्ट्रैपिंग का समर्थन करते हैं, यह जानकारी पुरानी है। एक बार जब हम https://github.com/angular/protractor/issues/3857 को भी संभाल लेंगे तो बूटस्ट्रैपिंग और भी विश्वसनीय हो जाएगी।

@sjelin मैन्युअल बूटस्ट्रैपिंग का समर्थन करने का दस्तावेज तरीका क्या है? मुझे प्रोट्रैक्टर 5.0 के लिए प्रासंगिक जानकारी नहीं मिल रही है।

मैन्युअल बूटस्ट्रैपिंग करते समय मुझे एक ही समस्या का सामना करना पड़ रहा था। और घुरघुराहट के साथ चलने का हल ढूंढ लिया।
प्रयुक्त प्रोट्रैक्टर संस्करण 2.5.1।

1. अपनी ग्रन्ट फ़ाइल में इसका उल्लेख करें।

grunt.initConfig({ protractor: { options: { configFile: "protractor.conf.js", // Default protractor config file keepAlive: true, // If false, the grunt process stops when the test fails. noColor: false, // If true, protractor will not use colors in its output. args: { // Arguments passed to the command } }, e2e: { options: { // Stops Grunt process if a test fails keepAlive: true } } } })

1. npm install grunt-protractor-runner --save-dev स्थापित करें और लोड कार्य के लिए जोड़ें grunt.loadNpmTasks('grunt-protractor-runner')

2. निम्नलिखित आदेश के साथ चांदा चलाएँ:
   grunt protractor
   या सुइट नाम के साथ
   grunt protractor --suite suite_name

कृपया मुझे बताएं कि क्या यह आपके लिए काम करता है।

यह मेरे लिए काम किया।
browser.ignoreसिंक्रनाइज़ेशन = सच;
ब्राउजर.गेट (यूआरएल);
browser.ignoreसिंक्रनाइज़ेशन = झूठा;