Integrierender Winkelmesser mit Yeoman über Grunt

Question

Ich möchte den Winkelmesser mit einem Gerüst von Yeoman integrieren. Ich folgte einem Tutorial und darin wurde das ältere scenario-runner zum Einrichten von e2e-Tests verwendet (über grunt).

Ich möchte mein Gerüst aufrüsten und stattdessen Winkelmesser verwenden.
Irgendwelche Gedanken?

Answer 1

1. Installieren protractor und grunt-protractor-runner von npm:

   npm install protractor grunt-protractor-runner --save-dev 
   

2. Erstellen einer Konfigurationsdatei für Transporteur (protractor.conf.js), ändern specs und baseUrl auf Ihre Testdateien und Testserver:

   exports.config = { 
       seleniumAddress: 'http://localhost:4444/wd/hub', 
       specs: ['test/e2e/*_test.js'], 
       baseUrl: 'http://localhost:9001' //default test port with Yeoman 
   } 
   

3. Aktualisieren Sie Ihre Gruntfile.js, fügen Sie die folgenden nach der Karma Aufgabe:

   protractor: { 
       options: { 
       keepAlive: true, 
       configFile: "protractor.conf.js" 
       }, 
       run: {} 
   } 
   

4. das Geodreieck Aufgabe

   grunt.registerTask('test', [ 
       'clean:server', 
       'concurrent:test', 
       'autoprefixer', 
       'connect:test', 
       'karma', 
       'protractor:run' 
   ]); 
   

5. Herunterladen unter Test hinzufügen und den Selen-Server starten:

   node_modules/protractor/bin/webdriver-manager update 
   node_modules/protractor/bin/webdriver-manager start 
   

   (in Windows:)

   node node_modules/protractor/bin/webdriver-manager update 
   node node_modules/protractor/bin/webdriver-manager start 
   

6. Aktualisieren Sie Ihre package.json, fügen Sie folgende nach "devDependencies" hinzu. Dadurch wird der Befehl nach npm install ausgeführt, sodass Sie sich nicht jedes Mal daran erinnern müssen.

   "scripts": { 
       "install": "node node_modules/protractor/bin/webdriver-manager update" 
   } 
   

7. den Testlauf Grunzen

   grunt test 
   

mit der Wenn Sie Winkelmesser wollen den Server für Sie starten, entfernen

seleniumAddress: 'http://localhost:4444/wd/hub', 

von protractor.conf.js, dann grunt test laufen beginnt eine eigenständige Selenium-Instanz während des Tests und beenden Sie sie nach runni ng der Testsuite.

Answer 2

Eine Sache, die zu der bestehenden Antwort hinzugefügt werden muss; Wenn Sie den Selenium-Server automatisch starten möchten, müssen Sie auch den Standort von selenServerJar und chromeDriver (bei Verwendung von Chrome) angeben, da sonst die Tests nicht funktionieren, bis Sie den Selenium-Server manuell starten (stellen Sie sicher, dass "webdriver- Manager update“von der Kommandozeile zuerst):

protractor: { 
     options: { 
      keepAlive: false, 
      configFile: "test/config/protractor.conf.js", 
      noColor: true, // If true, protractor will not use colors in its output. 

      args: { 
       seleniumServerJar: 'node_modules/protractor/selenium/selenium-server-standalone-2.39.0.jar', 
       chromeDriver: 'node_modules/protractor/selenium/chromedriver.exe' 
      } 
     }, 
     run: { 

     } 
    }, 

Answer 3

Wie @user2172816 erwähnt in ihrer Antwort - seleniumAddress: 'http://localhost:4444/wd/hub' von Ihrem Winkelmesser Config Weglassen wird in der Regel protractor verursacht eine Selen-Instanz für Sie zu starten.

Als Alternative könnten Sie grunt-protractor-webdriver verwenden Selen zu starten:

1) Installieren und Grunzen-Transporteur-WebDriver

npm install grunt-protractor-webdriver --save-dev 

2) Fügen Sie den folgenden in Ihre Grunt Definition speichern Funktion:

grunt.loadNpmTasks('grunt-protractor-webdriver'); 

3) Fügen Sie Folgendes hinzu Beispiel Winkelmesser WebDriver Aufgabe:

protractor_webdriver: { 
     start: { 
      options: { 
       path: 'node_modules/protractor/bin/', 
       command: 'webdriver-manager start' 
      } 
     } 
    } 

4) hinzufügen protractor_webdriver auf Ihre test Aufgabe vor dem Ausführen Winkelmesser z.B.

grunt.registerTask('test', [ 
    'clean:server', 
    'concurrent:test', 
    'autoprefixer', 
    'connect:test', 
    'karma', 
    'protractor_webdriver', 
    'protractor:run' 
]);