TestWindow не является конструктором в модульном тесте Stenciljs - PullRequest
0 голосов
/ 24 января 2019

Получение ошибок при запуске модульного теста для компонента 1) TestWindow не является конструктором 2) Невозможно прочитать свойство 'textContent' из неопределенного Не могу понять, как действовать дальше.Когда я пытаюсь утешить элемент и testWindow, оба появляются как неопределенные.

    **tsx file**
    import { Component } from '@stencil/core';
    @Component({
        tag: 'my-header',
        styleUrl: 'my-header.css'
    })
    export class MyHeader {
        render() {
            return (
                <div>
                    <p>Hello MyHeader!</p>
                </div>
            );
        }
    }
    **Spec file**
    import { TestWindow } from '@stencil/core/testing';
    import { MyHeader } from './my-header';

    describe('my-header', () => {
      it('should build', () => {
        expect(new MyHeader()).toBeTruthy();
      });

      describe('rendering', () => {
        let element: HTMLMyHeaderElement;
        let testWindow: TestWindow;
        beforeEach(async () => {
          testWindow = new TestWindow();
          element = await testWindow.load({
            components: [MyHeader],
            html: '<my-header></my-header>'
          });

        });
        console.log("element ",element);
        console.log("testWindow ",testWindow);
        it('should show content', () => {
          expect(element.textContent).toEqual('');
        });

      });
    });

package.json"devDependencies": {"@ stencil / core": "~ 0.16.4"," @ stencil / sass ":" ^ 0.1.1 "," @ types / jest ":" 23.3.11 "," @ types / puppeteer ":" 1.6.4 "," jest ":" ^ 23.6.0 "," jest-cli ":" 23.6.0 "," puppeteer ":" 1.8.0 "," workbox-build ":" 3.4.1 "} как мне избавиться от этих ошибок или я пропустилчто-то включить.

1 Ответ

0 голосов
/ 27 января 2019

Полное тестирование модуля трафарета изменилось в последних версиях.TestWindow теперь не рекомендуется в пользу комбинации Jest и Puppeteer.Вам следует обратиться к документации для получения дополнительных объяснений о том, как тестировать ваш код: сквозное тестирование в Stencil

...