2016-07-14 7 views
0

Ich versuche, eine benutzerdefinierte HTML-Seite beim Ausführen eines Komponententests verwenden. Ich folge den beschriebenen Anweisungen auf https://github.com/dart-lang/test#running-tests-with-custom-htmlVerwenden von benutzerdefinierten HTML beim Ausführen von Komponententest

Mein Test-Code (in der Datei Test/custom_html_test.dart) sieht aus wie

@TestOn('browser') 

import 'dart:html'; 
import 'package:test/test.dart'; 

main(){ 
    test("find select",(){ 
    SelectElement selectAddTimezone = querySelector('#addNewTimezone'); 
    expect(selectAddTimezone, isNotNull); 
    }); 
} 

und die HTML-Seite (in der Datei Test/custom_html_test.html) sieht aus wie

<!doctype html> 
<!-- custom_html_test.html --> 
<html> 
    <head> 
    <title>Custom HTML Test</title> 
    <link rel="x-dart-test" href="custom_html_test.dart"> 
    <script src="packages/test/dart.js"></script> 
    </head> 
    <body> 
    <select id="selectAddTimezone"></select> 
    </body> 
</html> 

ich benutze die im Anschluss an die Test

pub Lauftest -p dartium test \ custom_html_test laufen. dart

Dartium startet und lädt die Seite 'test Browser Host' den Test auszuführen - die der Code aufgrund fehlschlägt nicht die selectAddTimezone Element zu finden, nicht die eigenen HTML I bereitgestellt.

Ich bin sicher, ich bin fehlt etwas einfach ....

Richard

Antwort

1

einfach den richtigen Selektor

SelectElement selectAddTimezone = querySelector('#addNewTimezone'); 

sollte

SelectElement selectAddTimezone = querySelector('#selectAddTimezone'); 
+1

du sein - sorry- I muss mit einer Gummiente reden, während ich code! – richard

Verwandte Themen