Fehler: Bitte rufen Sie “TestBed.compileComponents" vor dem test

Ich bin immer diese Fehlermeldung:

Fehler: Dieser test Modul verwendet die Komponente MessagesComponent, die mit einem "templateUrl", aber Sie waren nie kompiliert. Bitte rufen Sie "TestBed.compileComponents" vor dem test.

Beim Versuch, führen Sie diesen einfachen test Eckig 2 & Jasmin-Test:

  let comp:    MessagesComponent;
let fixture: ComponentFixture<MessagesComponent>;

describe('MessagesComponent', () => {
    beforeEach(() => {


        TestBed.configureTestingModule({
            declarations: [ MessagesComponent ],
            providers:    [ {provide: DataService, useValue: {} } ]

        })
            .compileComponents(); //compile template and css

        fixture = TestBed.createComponent(MessagesComponent);
        comp = fixture.componentInstance;

    });

    it('example', () => {
        expect("true").toEqual("true");
    });
});

Denke ich, es wäre wegen etwas, was mit meinem webpack test-Konfiguration:

'use strict';

const path = require('path');
const webpack = require('webpack');

module.exports = {
    devtool: 'inline-source-map',
    module: {
        loaders: [
            { loader: 'raw', test: /\.(css|html)$/},
            { exclude: /node_modules/, loader: 'ts', test: /\.ts$/}
        ]
    },
    resolve: {
        extensions: ['', '.js', '.ts'],
        modulesDirectories: ['node_modules'],
        root: path.resolve('.', 'src')
    },
    tslint: {
        emitErrors: true
    }
};
InformationsquelleAutor CommonSenseCode | 2016-11-04
  1. 25

    Vorlage Holen ist asynchron, wenn Ihre Vorlagen sind nicht eingebettet in Ihre Komponenten, so müssen Sie sagen Jasmin, die. Ändern

    beforeEach(() => {
    TestBed.configureTestingModule({ ... })
        .compileComponents();
    fixture = TestBed.createComponent(MessagesComponent);
    comp = fixture.componentInstance;
});

    zu

    beforeEach(async(() => {
    TestBed.configureTestingModule({ ... })
        .compileComponents()
        .then(() => {
            fixture = TestBed.createComponent(MessagesComponent);
            comp = fixture.componentInstance;
        });
}));
    • sollte ich ändern, das es (...) - Methode in irgendeiner Weise?
    • Nur wenn die it() tut etwas asynchron, wenn er zum Beispiel ruft Daten von einem service. Es ist völlig okay, wenn das die beforeEach() werden muss asynchron aber das it() nicht.
    • komisch, ich fragte, weil ich halte gettin die gleiche Fehlermeldung wie gepostet in meiner ursprünglichen Frage, aber jetzt ist es wenigstens, sagt 1 von 1 fehlgeschlagen
    • Oh, habe ich etwas verpasst: ...compileComponents().then(() => { ... }) und erstellen Sie Ihre Komponente innerhalb dieser Funktion. Erstellen Sie die Komponente, bevor die Vorlage geladen und kompiliert.
    • poste bitte den code vollständig, wie es sein sollte, das ich wirklich nicht verstehen
    • Auf mobile. Ändern wird sich meine Antwort heute Abend.
    • vergessen Sie bitte nicht dazu 🙂
    • Ich habe bereits verändert die Antwort der letzten Nacht.

    InformationsquelleAutor pe8ter
  2. 1

    Da Sie bereits webpack, theoretisch sollten Sie nicht rufen Sie die compileComponents() Funktion nach der offiziellen doc hier, weil webpack inlines-Vorlagen und css-als Bestandteil des automatisierten build-Prozesses, die vor der Ausführung des Tests.

    Ein möglicher Grund, dass Ihr template/css nicht inline ist, ist die IDE(VisualStudio/WebStorm/IntelliJ) automatisch kompiliert ts zu js und das webpack Lader, welche Zielgruppen für js/ts Dateien sind versuchen zu bekommen, angewendet auf die bereits kompiliert js Dateien anstelle der source-ts-Dateien.

    InformationsquelleAutor LeOn - Han Li
Schreibe einen Kommentar