Konfigurieren BrowserStack in Angular 4 Projekt in Typoskript entwickelt

Question

Ich bekomme den folgenden Fehler, wenn ich versuche, meine Testsuite in ausführen.

(function (exports, require, module, __filename, __dirname) { import {Contacts} from '../Contacts.po'; 

SyntaxError: Unexpected token import 
    at createScript (vm.js:74:10) 

Warum erkennt das Keyword-Import nicht? P.S Anmerkung: Das ganze Projekt wurde mit typescript entwickelt und ich habe dieses Projekt in js zusammengeführt, um dann meine Testsuite zu starten. In local funktioniert es aber in browerstack bekomme ich den Fehler. Ich benutze protractor und jasmine.

Answer 1

Sie müssen Ihr Projekt während der Kompilierung für Typoskript registrieren. Fügen Sie die folgenden Codezeilen zur Funktion vor dem Start der browserstack-Konfigurationsdatei hinzu.

// Code to start browserstack local before start of test 
beforeLaunch: function(){ 
    require('ts-node').register({ 
     project: './e2e/tsconfig.e2e.json' 
     }); 
    console.log("Connecting local"); 
    return new Promise(function(resolve, reject){ 
     exports.bs_local = new browserstack.Local(); 
     exports.bs_local.start({'key': exports.config.capabilities['browserstack.key'] }, function(error) { 
      if (error) return reject(error); 
      console.log('Connected. Now testing...'); 

      resolve(); 
     }); 
    }); 
} 

Im Folgenden wird beschrieben, wie die Datei tsconfig.e2e.json konfiguriert wird.

{ 
"extends": "../tsconfig.json", 
"compileOnSave": true, 
"compilerOptions": { 
"outDir": "../out-tsc/e2e", 
"module": "commonjs", 
"target": "es5", 
"types":[ 
    "jasmine", 
    "node" 
] 
} 
} 

Dies sollte Ihr Problem lösen. Vielen Dank.