CucumberJs 使用 Typescript + LitElement + open-wc 进行测试

如何解决CucumberJs 使用 Typescript + LitElement + open-wc 进行测试

我正在尝试使用以下方法运行 BDD 测试：

• cucumber@6.0.5
• cucumber-tsflow@3.4.0
• lit-element@^2.4.0
• 打字稿@^4.2.3
• @open-wc/testing@^2.5.32

(@open-wc/testing 是 lit-element 的测试模块)

这是我的 POC 存储库：https://github.com/Taewa/cucumber-ts-lit-element

我正在努力解决以下错误。

/Users/USER/dev/cucumber-lit-element/node_modules/@open-wc/testing/index.js:1
import chai from './import-wrappers/chai.js';
       ^^^^

SyntaxError: Unexpected identifier

据我所知，

node 默认不理解 import。 所以我添加了 babel 设置以及 typescript 设置。

// .babelrc

{
  "presets": [
    "@babel/preset-env","@babel/preset-typescript"
  ],"plugins": [
    "@babel/plugin-proposal-class-properties"
  ]
}

// tsconfig.json

{
    "compilerOptions": {
      "target": "esnext","module": "commonjs","lib": ["es2019","dom"],"moduleResolution": "node","allowJs": true,"checkJs": true,"noEmit": true,"strict": false,"alwaysstrict": true,"esModuleInterop": true,"experimentalDecorators": true
    },"include": [
      "packages/*","tests","node_modules/@open-wc/**/*.js"
    ],"exclude": [
      "node_modules/!(@open-wc)"
    ]
  }

但我仍然得到同样的错误 (SyntaxError: Unexpected identifier)

也许 cucumber-tsflow 不接受我的自定义 bableConfig，tsConfig。

我考虑过使用 webpack 编译所有相关文件，但不确定编译后它如何与黄瓜 cucumber-js -p default 兼容。

可能的解决方法是什么？