अंगुलरजेएस प्रोटैक्टर ई 2 ई परीक्षण में पृष्ठ ऑब्जेक्ट

Question

AngularJS के लिए प्रोटैक्टर E2E परीक्षण लिखने के लिए पृष्ठ ऑब्जेक्ट मॉडल को संभालने का सही तरीका क्या है? मुझे लगता है कि मुझे उन्हें अलग-अलग फाइलों (जैसे homepage.js, page2.js, आदि) में लिखना चाहिए, फिर किसी भी तरह उन्हें मॉड्यूल जैसे चश्मा में शामिल करना चाहिए। हालांकि, मुझे नहीं पता कि उन्हें इंजेक्ट कैसे करें। किसी भी सुझाव की सराहना करेंगे। धन्यवाद!

Answer 1

उन्हें अलग-अलग फ़ाइलों में रखें, और किसी भी सहायक या पृष्ठ ऑब्जेक्ट्स को खींचने के लिए नोड के require का उपयोग करें। इस सुपर सरल उदाहरण को देखें: https://github.com/juliemr/ng-page-e2e/blob/master/test/angularsite_test.js#L2

Answer 2

आपको उन्हें अलग-अलग फाइलों में रखना चाहिए, हां।

और अपने चांदा referenceConf.js में (config साथ चांदा शुरू करने के लिए) आप लिखना चाहिए:

specs: ['<your_path>/test/pages/*Test.js'] 

इस मामले में < चांदा मुखौटा साथ dir से "/ परीक्षण/पृष्ठों" सभी फाइलों का शुभारंभ करेंगे * Test.js (loginPageTest.js, homePageTest.js)

Answer 3

मुझे डर है कि पेज ऑब्जेक्ट्स के साथ परीक्षण करने के लिए कोई सामान्य मानक नहीं है। आप चांदा के मुद्दों के बीच कई प्रस्ताव मिल सकता है: https://github.com/angular/protractor/issues/401 और https://github.com/angular/protractor/issues/78

मेरी जरूरतों के लिए मैं अपने ओपन सोर्स प्रोजेक्ट में बहुत ही सरल पेज ऑब्जेक्ट का निर्माण, देखें: https://github.com/9ci/angle-grinder/pull/124

भी काफी रोचक कार्यान्वयन आप में मिल सकता है https://github.com/juliemr/ng-page-e2e/tree/master/test

Answer 4

क्या आपने एस्ट्रोलबे के साथ प्रयास किया है? यह प्रोटैक्टर के शीर्ष पर एक पेजऑब्जेक्ट कार्यान्वयन है जो आपकी संरचना का मार्गदर्शन कर सकता है: https://github.com/stuplum/astrolabe

वहां आप देख सकते हैं कि अनुशंसित संरचना प्रति पृष्ठ एक पृष्ठ वस्तु है।

उदा .: singInPage.js

var Page = require('astrolabe').Page; 

module.exports = Page.create({ 

    url: { value: 'http://<somesite>.com/signin' }, 

    username: { get: function() { return this.findElement(this.by.input('username')); } }, // finds an input element with the name 'username' 
    submit: { get: function() { return this.findElement(this.by.id('submit')); } }  // finds an element with the id 'submit' 
}); 

यह परीक्षण मामलों के लेखन और यहां तक ​​कि पेज वस्तु बहुत कॉम्पैक्ट और पठनीय बनाता है।