Holen Sie sich alle element-Attribute mit Winkelmesser

Gemäß der Dokumentation, um ein einzelnes Attribut von name, den Sie verwenden können, .getAttribute() auf eine WebElement:

var myElement = element(by.id('myId'));
expect(myElement.getAttribute('myAttr')).toEqual('myValue');

Aber wie bekomme ich alle Attribute, die ein element hat?

Gibt es keine Informationen über das use-case/Funktionalität in der Winkelmesser-API.

Werfen Sie einen Blick auf getOuterHtml().
danke, aber dies würde mir eine HTML-Darstellung eines Elements. Die gewünschte Ausgabe wäre ein Objekt, Schlüssel:Wert aller Attribute eines Elements.
Nur Vorsicht, dass frameworks wie Angular fügen Sie mehrere Attribute, die machen könnte Ihre tests anfällig.
völlig einverstanden, und es macht auch Sinn. Danke.

InformationsquelleAutor alecxe | 2014-12-29

10

Können Sie javascript Element geben und hinzufügen getAttributes() Funktion:
```
Element.prototype.getAttributes = function() {
    return (function (node) {
        var attrs = {};
        for (var i=0;i<node.length;i++) {
            attrs[node.item(i).name] = node.item(i).value;
        }
        return attrs;
    })(this.attributes);
};
```
demo

dann können Sie testen, die Integrität der Attribute mit der gleichen Methode, die Sie verwenden für ein Attribut:
```
var myElement = element(by.id('myId'));
expect(myElement.getAttributes()).toEqual({'attr1': 'value1', 'attr1': 'value1', ... });
```
- Dies ist eine wunderbare Idee - jetzt kann ich problemlos wiederverwenden getAttributes() während des gesamten Projekts. Danke!!!
- Bevor Sie zu weit gehen, die Sie berücksichtigen sollten: Was ist Los mit der Ausweitung der DOM.
- Ich zitiere einer der Kommentare aus dem post: "Aus der Sicht von Javascript, wird eine prototyping-Sprache, es gibt nichts technisch falsch mit dabei. Erweitern von Prototypen ist genau das, was Javascript-Programmierer tun sollten". Die Wahrheit ist, egal, wie Sie entwickeln Ihren code gibt es immer Nachteile und Tücken, aber es bedeutet nicht immer das, was Ihr tun falsch ist, und manchmal müssen Sie nur, vorsichtiger zu sein und vielleicht stärkere Maßnahmen. tnx für den post aber es war wirklich hilfreich
- Wie viele Bibliotheken erweitern den DOM über die Prototypen? Vielleicht sind die Autoren etwas wissen. Auch Prototype.js tut das nicht mehr. Nur weil man kann etwas tun, bedeutet nicht, es ist eine gute Idee, es zu tun—ich schrieb ein Spaß-Bibliothek hinzufügen Iteratoren, um DOM-Elemente, aber nie benutzen würde er in Wut. Möchten Sie vielleicht, um die Forschung Juriy "kangax" Zaytsev, so können Sie entsprechend Gewicht seiner Meinung, wenn man es mit Marc K.
- Es ist ziemlich unfair, zu verwenden ", Die es verwenden," - Klausel, um zu versuchen und zu beweisen, mich nicht falsch! Ich weiß nicht, Zaytsev, aber ich bin sicher, er ist ein ziemlich genialer, Alter Kumpel, wie Ihr selbst, und ich habe nicht die Absicht, zu unterstellen, dass er Exzellenz ist falsch, eher so, wie ich schon sagte er ist zu Recht über die Gefahr dieser Art von js ' Ing, aber das bedeutet nicht, dass es der falsche Weg zu gehen, es nur bedeuten, dass Sie haben, vorsichtiger zu sein. Bitte nicht beleidigt und wütend, dies ist nicht eine persönliche Angelegenheit, wenn ich Fragen darf von Ihnen und auch bitte geben Sie diese ein Lesen Sie auch: github.com/nbubna/mind-hacking/blob/gh-pages/..., cheers mate
- Ich sage nicht, dass Ihr Unrecht, nur, dass wer denkt über die Ausweitung der DOM-Objekte nehmen sollten, Juriy Beratung in Betracht ziehen. Es gibt viele andere ANGESEHENE javascript-Entwickler, die denken, die gleiche Weise (z.B. jQuery,YUI, ext nicht verlängern DOM-Objekte und Prototype.js wurde neu geschrieben, um zu stoppen, dies zu tun), nur, dass Juriy schrieb einen ausgezeichneten Artikel darüber. Im Zusammenhang mit der OP, vielleicht klappt es spektakulär gut mit bestimmte testing-frameworks, ich bin bereit, davon überzeugt werden. 😉
InformationsquelleAutor neo
1

Wenn Sie Ihre Attribute, die Sie benötigen, beginnen mit Daten, die Sie sollten in der Lage sein, um das dataset für das element, das schrumpfen Ihr Skript ausführen, indem Sie ein bisschen:
```
browser.executeScript('return arguments[0].dataset;', elm).then(function (attrs) {
    console.log(attrs);
});
```
InformationsquelleAutor Mathew Berg

Verwenden executeScript() um ein Skript auszuführen, dass die Formulare eine Liste der Attribute zu Lesen, die Sie von element.attributes (js Teil im inneren stammt aus hier):

var elm = element(by.id('runButton')).getWebElement();
browser.executeScript(
    'var items = {}; \
     for (index = 0; index < arguments[0].attributes.length; ++index) { \
         items[arguments[0].attributes[index].name] = arguments[0].attributes[index].value \
     }; \
     return items;', elm).then(function (attrs) {
        console.log(attrs);
    });

Hier attrs enthalten würde, ein Wörterbuch/Objekt element Attribute mit dem Schlüssel als Attribut-Namen und-Werte als Attributwerte.

Demo (mit angularjs.org tutorial-Seite, bekommen alle Attribute für eine header):

$ node node_modules/protractor/bin/elementexplorer.js https://docs.angularjs.org/tutorial
Getting page at: https://docs.angularjs.org/tutorial
> var elm = element(by.tagName('header')).getWebElement();
> browser.executeScript('var items = {}; for (index = 0; index < arguments[0].attributes.length; ++index) { items[arguments[0].attributes[index].name] = arguments[0].attributes[index].value }; return items;', elm).then(function (attrs) {
...     console.log(attrs);
... });
{ class: 'header header-fixed', 'scroll-y-offset-element': '' }

^{Nicht wirklich schön und kompakt, sondern funktioniert für mich. Würde gerne sehen, bessere alternativen.}

UPDATE (eine Verbesserung gegenüber dem Ansatz oben):

Es würde auch funktionieren, wenn ich die Definition einer regulären Funktion auf und übergeben Sie es in:

function getAllAttributes (arguments) {
    var items = {}; 
    for (index = 0; index < arguments[0].attributes.length; ++index) { 
        items[arguments[0].attributes[index].name] = arguments[0].attributes[index].value; 
    }
    return items;
}

browser.executeScript(getAllAttributes, elm).then(function (attrs) {
    console.log(attrs);
});

FYI, zu laufen elementexplorer.js wir müssen zu Beginn der Selen-server zuerst. java -jar node_modules/protractor/selenium/selenium-server-standalone-2.44.0.jar -Dwebdriver.chrome.driver=node_modules/protractor/selenium/chromedriver
yup, danke für den Hinweis. Glaubst du, alle element-Attribute abgerufen werden können, in eine einfachere Art und Weise? Danke.
Nein, ich konnte nicht finden eine bessere Lösung, die Sie haben. Solange executeScript gibt Tiefe Kopie aller rekursiven Eigenschaften, es ist nicht leicht, es zu tun. Ich denke, WebDriver sollte hinzufügen, eine Methode für diese getAttributes()

InformationsquelleAutor alecxe

Verwenden Sie browser.executeScript() Funktion aufrufen, statt Winkelmesser API seit - Element.Attribute ist aus Winkelmesser-API-Implementierung:

var elem = element(by.id('runButton'));
browser.executeScript("return arguments[0].attributes", elem.getWebElement())
    .then(function (attrs) {
        console.log(attrs.length);    //outputs numbers of attributes.
        //access collection of Attr objects
        console.log(attrs[0].isId);   //outputs `true`
        console.log(attrs[0].name);   //outputs `id`
        console.log(attrs[0].value);  //outputs `runButton`
    });

Denken Sie daran, dass wenn man sagt, dass Attribute, bedeutet es eine namens " map " - Struktur anstelle eines Arrays im Zusammenhang mit DOM-Modell. Das heißt, Sie müssen verwenden Sie die NamedNodeMap Zugriff Sammlung von Attr Objekte.

Es funktioniert genau so, wie @alecxe die Antwort, ohne die iteration Teil.

InformationsquelleAutor shawmzhu

Schreibe einen Kommentar

Du musst angemeldet sein, um einen Kommentar abzugeben.