Beim Automatisieren von UI-Tests für eckige SPA (Einzelseitenanwendung) mit codierter UI funktioniert das Klicken auf die Symbole auf der Homepage nicht.

Question

Ich arbeite an der Automatisierung von UI/Akzeptanztests für eine eckige SPA (Einzelseitenanwendung) mit codierter Benutzeroberfläche.

Die Client-Seite ist vollständig auf Angular und Bootstrap entwickelt. Wir verwenden auch Kendo-Steuerelemente wie Kendo-Gitter. Wir verwenden das Framework "UI-Router", das in Angular für das Routing erstellt wurde.

Um einen Beispieltestfall zu automatisieren - „Open Datatable App Startseite“ mit Coded UI, folgende sind die Schritte: 1) Öffnen IE und gehen Sie zu WebConsole Homepage 2) Datatable Symbol identifizieren. 3) Klicken Sie auf das Symbol. 4) Validate DataTable App.

Ich bin in der Lage, die Schritte 1-3 zu automatisieren, aber nach dem Klicken auf das DataTable-Symbol wird die DataTable-App nicht angezeigt. Die Benutzeroberfläche zeigt weiterhin die Startseite an.

Wir haben versucht, während des Testlaufs manuell auf das DataTable-Symbol zu klicken, um festzustellen, ob der Klick funktioniert und nicht funktioniert.

Ich habe versucht, im Internet darüber zu suchen, konnte aber nichts nützliches finden.

Jeder Zeiger in dieser Hinsicht wird hilfreich sein.

Answer 1

Mögliche Optionen, die ich für übertriebene Kontrollen

using mshtml; 
var htmlHtmlElement = yourControl.NativeElement as HTMLHtmlElement; 
if (htmlHtmlElement != null) 
{ 
    htmlHtmlElement.click(); 
} 

Oder

control.RunScript("arguments[0].click();"); 
// Extension class 
private static object RunScript(this HtmlControl control, string script) 
{ 
    var bw = control.TopParent as BrowserWindow; 
    return bw.ExecuteScript(script, control); 
} 

verwenden