Wie in Nachtschwärmer-CSS-Eigenschaften von Pseudoelementen testen

Question

ich das Hintergrundbild auf meiner Website korrekt testen will mit Nachtschwärmer, aber sein Satz der Hintergrund eines :: vor Pseudo-Elemente zu sein, hier ist die CSS

.icon-circle-delete:before { 
    content: ''; 
    background: url(images/svg/delete.svg) no-repeat 50% 50%; 
    display: inline-block; 
    width: 16px; 
    height: 16px; 

ich habe versucht, die folgenden:

.assert.cssProperty("i.icon-circle-delete", "background", "url(clientlib-site/images/svg/delete.svg) ");

.assert.cssProperty("i.icon-circle-delete:before", "background", "url(images/svg/delete.svg) ");

.assert.cssProperty("i.icon-circle-delete::before", "background", "url(images/svg/delete.svg) ");

.assert.cssProperty("i.icon-circle-delete", "before:background", "url(images/svg/delete.svg) ");

Der Versuch, ohne ‚vor‘ in irgendeiner Weise das Hinzufügen fehlschlägt, die besagt, dass Hintergrund tut die URL enthalten, wie die <i> seine eigene Styling hat. Der Versuch mit 'vorher' im CSS-Selektor gibt zurück, dass das Element nicht gefunden werden kann

Gibt es eine Möglichkeit, die CSS-Eigenschaften zu testen, wenn :: before und :: after Pseudoelemente verwendet werden?

Answer 1

Haben Sie das herausgefunden?

Ansonsten, von dem, was ich in einigen Gesprächen in der GitHub Problem/Vorschläge Seite gesehen habe, sieht es aus wie es nicht unterstützt wird.

https://github.com/nightwatchjs/nightwatch/issues/60

Allerdings habe ich eine ähnliche Sache, die ich jetzt gerade arbeite. Ich muss nach einer css-Eigenschaft suchen, die nur auf einen :: after-Selektor angewendet wird. Mir wurde von einem Kollegen gesagt, dass dies in ähnlicher Weise in einer client.execute() Funktion erreicht werden kann, und dann im Callback etwas Ähnliches möglich ist:

client.execute(function() { 
    //do work 
    //some javascript to check the DOM itself for the property 
}, [], (result) => { 
    //handle the result and do testing 
    client.assert.equal("thing1", "thing2"); 
}