Как настроить новый проект Vue.Js, созданный с помощью Vue CLI 3 для тестов TypeScript Nightwatch E2E? - PullRequest
0 голосов
/ 30 января 2019

Я не могу понять, как правильно настроить набор тестов Nightwatch E2E для запуска тестов TypeScript E2E вместо JavaScript для совершенно нового проекта Vue.js, созданного с использованием Vue CLI 3.

Шаг воспроизведения:

  1. npm install -g @ vue / cli (моя версия последняя 3.3.0)
  2. Новый проект в WebStorm
  3. Выбрать Vue.js
  4. Укажите каталог Vue / cli (для меня это был / usr / local / lib / node_modules / @ vue / cli)
  5. Выбрать Вручную выбрать функции
  6. Выбрать все, кроме PWA (Babel, Typescript,Маршрутизатор, Vuex, препроцессоры CSS, модуль Linter / Formatter / тестирование E2E)
  7. Конфигурации по умолчанию до тестирования
  8. Выбор Mocha + Chai для модульных тестов
  9. Выбор Nightwatch дляE2E тесты
  10. Конфигурационные файлы в выделенных файлах

Я нашел начальные репозитории, но мне не повезло найти один из них с Vue CLI 3 ...

Iнадеялся, что Vue CLI сгенерирует тесты E2E в виде файлов TypeScript, но это не так.Я попытался просто переписать сгенерированный тест в TypeScript, но, очевидно, он не настроен на просмотр файлов * .ts и поэтому не запускает тест.

Здесь тест TypeScript:

import { NightwatchBrowser } from 'nightwatch';

export default {
    'default ts e2e tests': (browser: NightwatchBrowser) => {
        browser
            .url(process.env.VUE_DEV_SERVER_URL)
            .waitForElementVisible('#app', 5000)
            .assert.elementPresent('.hello')
            .assert.containsText('h1', 'Welcome to Your Vue.js + TypeScript App')
            .assert.elementPresent('img')
            .end();
    },
};
Добро пожаловать на сайт PullRequest, где вы можете задавать вопросы и получать ответы от других членов сообщества.
...