Wie kann ich überprüfen, bis ein Element mit Nightwatchjs anklickbar ist?

Question

Wie kann ich überprüfen, bis ein Element mit Nightwatch js klickbar ist? Ich möchte auf ein Element klicken, aber wenn ich Nightwatch starte, klickt Selen nicht auf das Element, weil es noch nicht anklickbar ist.

Answer 1

Können Sie ein Beispielelement anzeigen, normalerweise sollte ein Attributname "deaktiviert" sein, wenn die Schaltfläche nicht anklickbar ist, sollte dies funktionieren.

browser.assert.attributeEquals(yourCSS, 'disabled', true) 

Answer 2

So etwas sollte funktionieren. Lassen Sie mich wissen, wenn Sie Fragen haben

var util = require('util'); 
var events = require('events'); 

/* 
* This custom command allows us to locate an HTML element on the page and then wait until the element is both visible 
* and does not have a "disabled" state. It rechecks the element state every 500ms until either it evaluates to true or 
* it reaches maxTimeInMilliseconds (which fails the test). Nightwatch uses the Node.js EventEmitter pattern to handle 
* asynchronous code so this command is also an EventEmitter. 
*/ 

function WaitUntilElementIsClickable() { 
    events.EventEmitter.call(this); 
    this.startTimeInMilliseconds = null; 
} 

util.inherits(WaitUntilElementIsClickable, events.EventEmitter); 

WaitUntilElementIsClickable.prototype.command = function (element, timeoutInMilliseconds) { 
    this.startTimeInMilliseconds = new Date().getTime(); 
    var self = this; 
    var message; 

    if (typeof timeoutInMilliseconds !== 'number') { 
    timeoutInMilliseconds = this.api.globals.waitForConditionTimeout; 
    } 

    this.check(element, function (result, loadedTimeInMilliseconds) { 
    if (result) { 
     message = '@' + element + ' was clickable after ' + (loadedTimeInMilliseconds - self.startTimeInMilliseconds) + ' ms.'; 
    } else { 
     message = '@' + element + ' was still not clickable after ' + timeoutInMilliseconds + ' ms.'; 
    } 
    self.client.assertion(result, 'not visible or disabled', 'visible and not disabled', message, true); 
    self.emit('complete'); 
    }, timeoutInMilliseconds); 

    return this; 
}; 

WaitUntilElementIsClickable.prototype.check = function (element, callback, maxTimeInMilliseconds) { 
    var self = this; 

    var promises =[]; 
    promises.push(new Promise(function(resolve) { 
    self.api.isVisible(element, function(result) { 
     resolve(result.status === 0 && result.value === true); 
    }); 
    })); 

    promises.push(new Promise(function(resolve) { 
    self.api.getAttribute(element, 'disabled', function (result) { 
     resolve(result.status === 0 && result.value === null); 
    }); 
    })); 

    Promise.all(promises) 
    .then(function(results) { 
     var now = new Date().getTime(); 
     const visibleAndNotDisabled = !!results[0] && !!results[1]; 
     if (visibleAndNotDisabled) { 
     callback(true, now); 
     } else if (now - self.startTimeInMilliseconds < maxTimeInMilliseconds) { 
     setTimeout(function() { 
      self.check(element, callback, maxTimeInMilliseconds); 
     }, 500); 
     } else { 
     callback(false); 
     } 
    }) 
    .catch(function(error) { 
     setTimeout(function() { 
     self.check(element, callback, maxTimeInMilliseconds); 
     }, 500); 
    }); 
}; 

module.exports = WaitUntilElementIsClickable; 

Fügen Sie diesen Code als eine Datei in Ihren Ordner Befehle. Es sollte waitUntilElementIsClickable.js oder was auch immer Sie wollen, dass Ihr Befehl sein soll.

Verbrauch ist:

var page = browser.page.somePage(); 
page.waitUntilElementIsClickable('@someElement');