如何设置使用Vue CLI 3创建的全新Vue.Js项目以进行TypeScript Nightwatch E2E测试?

时间:2019-01-30 17:18:41

标签: typescript vue.js nightwatch.js vue-cli-3

我不知道如何为使用Vue CLI 3创建的全新Vue.js项目正确设置Nightwatch E2E测试套件以运行TypeScript E2E测试而不是JavaScript。

复制步骤:

  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,打字稿,路由器,Vuex,CSS预处理器,Linter /格式化程序单元/端到端测试)
  7. 默认配置,直到进行测试
  8. 选择Mocha + Chai进行单元测试
  9. 选择Nightwatch进行E2E测试
  10. 在专用文件中配置文件

我找到了种子存储库,但是我没有运气找到一个最新的Vue CLI 3 ...

我希望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();
    },
};

0 个答案:

没有答案