Um Selenium Tests in Firefox und Chrome im Headless Modus auszuführen mit Protractor, kann man folgende Konfiguraton verwenden in der protractor.conf:
exports.config = {
....
multiCapabilities: [
{
browserName: 'chrome',
chromeOptions: {
'args': ['--headless']
},
},
{
browserName: 'firefox',
firefoxOptions: {
args: ['--headless']
},
'moz:firefoxOptions': {
args: ['--headless']
}
},
],
...
};Um eine Kompatibilität mit alten Browsern, wie dem Firefox Version <= 5 zu erreichen, kann man das angular http Modul nicht verwenden. Das ngx-translate Module bneötigt einen Loader, der die richtige Sprache lädt per Ajax Request. Dies läst sich auch mit dem XMLHttpRequest und einem Observalbe lösen:
import {Injectable} from '@angular/core';
import {TranslateLoader} from '@ngx-translate/core';
import {Observable} from 'rxjs/Observable';
@Injectable()
export class LanguageLoader implements TranslateLoader {
getTranslation(lang: string): Observable<any> {
return Observable.create(function (observer) {
let url = `./assets/i18n/${lang}.json?=` + new Date().getTime();
let xhr = new XMLHttpRequest();
xhr.onreadystatechange = function () {
if (xhr.readyState == XMLHttpRequest.DONE || xhr.readyState == 4) {
let response = JSON.parse(xhr.responseText);
observer.next(response);
observer.complete();
}
}
xhr.open('GET', url, true);
xhr.send(null);
});
}
}In der app.module.ts kann man dann den Loader wie folgt einbinden:
TranslateModule.forRoot({
loader: {provide: TranslateLoader, useClass: LanguageLoader}
})Bei einem Fehlgeschlagenen Request kann man sehr komfortabel nochmals anfragen mit der Methode retry():
import 'rxjs/add/operator/retry'; ... const result = this.http.get(url) .retry(2);
Bei einer Angular Anwendung muss man standardmäßig die index.html aufrufen, damit die Anwendung startet auf einem Apache Webserver. Damit dies auch ohne /index.html nur mit der Domain allein (www.foo.de) funktioneirt, muss man folgendes einstellen:
1. Erstellen einer .htaccess Datei in src/.htaccess mit dem Inhalt:
DirectoryIndex index.html
2. Ändern der Base Url in der src/index.html
<base href="">
3. ggf. hinzufügen der .htaccess zum Build Prozess in der .angular-cli.json
"apps": [
{
"assets": [
"assets",
"favicon.ico",
".htaccess"
],
Um Angular ab Version2 die deutsche Sprache für Fehlermeldugen und auch das Datums-Format zu konfigurieren, muss man in der app.modules.ts folgendes einstellen:
...
import { LOCALE_ID} from '@angular/core';
import localeDe from '@angular/common/locales/de';
import localeDeExtra from '@angular/common/locales/extra/de';
import { registerLocaleData } from '@angular/common';
registerLocaleData(localeDe, localeDeExtra);
@NgModule({
providers: [
{ provide: LOCALE_ID, useValue: 'de' },
]
})