क्या 'तो' वास्तव में CasperJS में मतलब है

Question 1

मैं एक वेबसाइट के माध्यम से क्लिक, पूर्ण किए गए फ़ॉर्म, पार्सिंग डेटा आदि की एक श्रृंखला को स्वचालित करने के लिए CasperJS का उपयोग कर रहा हूं।

कैस्पर को thenबयानों के रूप में पूर्व निर्धारित चरणों की एक सूची में व्यवस्थित किया गया लगता है (उनके उदाहरण यहां देखें: http://casperjs.org/quickstart.html ) लेकिन यह स्पष्ट नहीं है कि वास्तव में चलाने के लिए अगला बयान क्या ट्रिगर करता है।

उदाहरण के लिए, क्या thenसभी लंबित अनुरोधों को पूरा होने का इंतजार है? क्या injectJSएक लंबित अनुरोध के रूप में गिना जाता है? अगर मेरे पास एक thenबयान है तो क्या होता है - एक बयान के अंत तक जंजीर open?

casper.thenOpen('http://example.com/list', function(){
    casper.page.injectJs('/libs/jquery.js');
    casper.evaluate(function(){
        var id = jQuery("span:contains('"+itemName+"')").closest("tr").find("input:first").val();
        casper.open("http://example.com/show/"+id); //what if 'then' was added here?
    });
});

casper.then(function(){
    //parse the 'show' page
});

मैं एक तकनीकी व्याख्या की तलाश कर रहा हूं कि कैसे CasperJS में प्रवाह काम करता है। मेरी विशिष्ट समस्या यह है कि मेरा अंतिम thenविवरण (ऊपर) मेरे casper.openकथन से पहले चलता है और मुझे नहीं पता कि क्यों।

Question 2

then()मूल रूप से एक स्टैक में एक नया नेविगेशन कदम जोड़ता है। एक चरण एक जावास्क्रिप्ट फ़ंक्शन है जो दो अलग-अलग चीजें कर सकता है:

पिछले चरण की प्रतीक्षा कर रहा है - यदि कोई हो - निष्पादित किया जा रहा है
लोड करने के लिए अनुरोधित url और संबंधित पृष्ठ की प्रतीक्षा कर रहा है

चलो एक सरल नेविगेशन परिदृश्य लेते हैं:

var casper = require('casper').create();

casper.start();

casper.then(function step1() {
    this.echo('this is step one');
});

casper.then(function step2() {
    this.echo('this is step two');
});

casper.thenOpen('http://google.com/', function step3() {
    this.echo('this is step 3 (google.com is loaded)');
});

आप इस तरह से स्टैक के भीतर सभी बनाए गए चरणों को प्रिंट कर सकते हैं:

require('utils').dump(casper.steps.map(function(step) {
    return step.toString();
}));

देता है कि:

$ casperjs test-steps.js
[
    "function step1() { this.echo('this is step one'); }",
    "function step2() { this.echo('this is step two'); }",
    "function _step() { this.open(location, settings); }",
    "function step3() { this.echo('this is step 3 (google.com is loaded)'); }"
]

सूचना _step()समारोह जो हमारे लिए यूआरएल को लोड करने CasperJS द्वारा स्वचालित रूप से जोड़ दिया गया है; जब url लोड किया जाता है, तो स्टैक में उपलब्ध अगला चरण - जो है step3()- कहा जाता है।

जब आपने अपने नेविगेशन चरणों को परिभाषित कर लिया है, तो run()उन्हें एक-एक करके क्रमिक रूप से निष्पादित करें:

casper.run();

फुटनोट: कॉलबैक / श्रोता सामग्री वादा पैटर्न का कार्यान्वयन है ।

Question 3

then() केवल चरणों की एक श्रृंखला पंजीकृत करता है।

run() और धावक कार्यों, कॉलबैक और श्रोताओं के अपने परिवार, वास्तव में प्रत्येक चरण को निष्पादित करने का काम करते हैं।

जब भी कोई कदम पूरा हो गया है, CasperJS 3 झंडे के खिलाफ जाँच करेगा: pendingWait, loadInProgress, और navigationRequested। यदि उनमें से कोई भी ध्वज सत्य है, तो कुछ भी न करें, बाद के समय ( setIntervalशैली) तक निष्क्रिय रहें । यदि उन झंडे में से कोई भी सच नहीं है, तो अगले चरण को निष्पादित किया जाएगा।

CasperJS 1.0.0-RC4 के रूप में, एक दोष मौजूद है, जहां, कुछ समय-आधारित परिस्थितियों में, "अगला चरण करने का प्रयास करें" विधि शुरू हो जाएगी, इससे पहले कि CasperJS में से किसी एक loadInProgressया navigationRequestedझंडे को उठाने का समय हो । समाधान यह है कि किसी भी कदम को छोड़ने से पहले उन झंडों को उठाया जाए, जहां उन झंडों को उठाए जाने की उम्मीद है (उदाहरण के लिए: इससे पहले या बाद में एक झंडा उठाएं casper.click()), शायद ऐसा हो:

(नोट: यह केवल उदाहरण है, उचित कैस्परजेएस फॉर्म की तुलना में प्यूसेकोड से अधिक ...)

step_one = function(){
    casper.click(/* something */);
    do_whatever_you_want()
    casper.click(/* something else */); // Click something else, why not?
    more_magic_that_you_like()
    here_be_dragons()
    // Raise a flag before exiting this "step"
    profit()
}

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

Question 4

CasperJS प्रलेखन के अनुसार :

`then()`

हस्ताक्षर: then(Function then)

यह विधि एक सरल कार्य प्रदान करके, स्टैक में एक नया नेविगेशन चरण जोड़ने का मानक तरीका है:

casper.start('http://google.fr/');

casper.then(function() {
  this.echo('I\'m in your google.');
});

casper.then(function() {
  this.echo('Now, let me write something');
});

casper.then(function() {
  this.echo('Oh well.');
});

casper.run();

आप जितने आवश्यक हो उतने चरण जोड़ सकते हैं। ध्यान दें कि वर्तमान Casperउदाहरण स्वचालित रूप से thisआपके लिए चरण फ़ंक्शंस में कीवर्ड को बांधता है ।

आपके द्वारा परिभाषित सभी चरणों को चलाने के लिए, run()विधि और वॉइला को कॉल करें ।

नोट: विधि start()का उपयोग करने के लिए आपको कैस्पर उदाहरण होना चाहिए then()।

चेतावनी: चरणबद्ध कार्य then()दो अलग-अलग मामलों में संसाधित किए जाते हैं:

जब पिछले चरण फ़ंक्शन निष्पादित किया गया है,

जब पिछला मुख्य HTTP अनुरोध निष्पादित हो गया हो और पेज लोड हो गया हो ;

ध्यान दें कि पेज लोड की कोई एक परिभाषा नहीं है ; क्या यह तब है जब DOMReady घटना को ट्रिगर किया गया है? क्या यह "सभी अनुरोध समाप्त हो रहे हैं"? क्या यह "सभी एप्लिकेशन लॉजिक प्रदर्शन किया जा रहा है"? या "सभी तत्वों का प्रतिपादन किया जा रहा है"? उत्तर हमेशा संदर्भ पर निर्भर करता है। इसलिए आपको हमेशा इसका उपयोग करने के लिए प्रोत्साहित क्यों किया जाता हैwaitFor() परिवार के तरीकों का जाता है ताकि आप वास्तव में जो उम्मीद करते हैं उस पर स्पष्ट नियंत्रण रखें।

एक सामान्य चाल है waitForSelector():

casper.start('http://my.website.com/');

casper.waitForSelector('#plop', function() {
  this.echo('I\'m sure #plop is available in the DOM');
});

casper.run();

पर्दे के पीछे, स्रोत कोडCasper.prototype.then नीचे दिखाया गया है:

/**
 * Schedules the next step in the navigation process.
 *
 * @param  function  step  A function to be called as a step
 * @return Casper
 */
Casper.prototype.then = function then(step) {
    "use strict";
    this.checkStarted();
    if (!utils.isFunction(step)) {
        throw new CasperError("You can only define a step as a function");
    }
    // check if casper is running
    if (this.checker === null) {
        // append step to the end of the queue
        step.level = 0;
        this.steps.push(step);
    } else {
        // insert substep a level deeper
        try {
            step.level = this.steps[this.step - 1].level + 1;
        } catch (e) {
            step.level = 0;
        }
        var insertIndex = this.step;
        while (this.steps[insertIndex] && step.level === this.steps[insertIndex].level) {
            insertIndex++;
        }
        this.steps.splice(insertIndex, 0, step);
    }
    this.emit('step.added', step);
    return this;
};

स्पष्टीकरण:

दूसरे शब्दों में, then() में, नेविगेशन प्रक्रिया में अगला चरण निर्धारित करता है।

कब then() कहा जाता है, तो इसे एक फ़ंक्शन के रूप में एक पैरामीटर पास किया जाता है जिसे एक चरण के रूप में कहा जाता है।

यह जाँचता है कि क्या कोई उदाहरण शुरू हो गया है, और यदि ऐसा नहीं है, तो यह निम्न त्रुटि प्रदर्शित करता है:

CasperError: Casper is not started, can't execute `then()`.

अगला, यह जाँचता है कि क्या pageवस्तु है null।

यदि स्थिति सही है, तो कैस्पर एक नई pageवस्तु बनाता है ।

उसके बाद, यदि यह फ़ंक्शन नहीं है, तो जांच then()करने के लिए stepपैरामीटर को मान्य करता है।

यदि पैरामीटर एक फ़ंक्शन नहीं है, तो यह निम्न त्रुटि प्रदर्शित करता है:

CasperError: You can only define a step as a function

फिर, फ़ंक्शन जाँचता है कि कैस्पर चल रहा है या नहीं।

यदि कैस्पर नहीं चल रहा है, then()तो कतार के अंत में कदम जोड़ता है।

अन्यथा, यदि कैस्पर चल रहा है, तो यह पिछले चरण की तुलना में एक स्तर गहरा एक सबस्टेप सम्मिलित करता है।

अंत में, then()समारोह एक step.addedघटना का उत्सर्जन करके समाप्त होता है , और कैस्पर ऑब्जेक्ट को वापस करता है।