柏树 - 加入黄瓜

Question

这是一个非常基本的问题，但是由于我从来没有做过前端开发人员，所以 js 和 ts 对我来说还是很陌生的。

我正在尝试将 Cucumber 功能添加到 Cypress 测试套件中。我已经安装了 cypress-cucumber-preprocessor 包，但是当我能找到的所有操作指南和信息都使用 js 作为示例时，我遇到了问题。

我应该把它放到 index.js 文件中：

const cucumber = require('cypress-cucumber-preprocessor').default

module.exports = (on, config) => {
    on('file:preprocessor', cucumber())
}

由于测试套件有一个 index.ts 文件，这自然不能复制粘贴。如何将其转换为 .ts？

Answer 1

该特定代码应该在index.ts 中工作

import { default as cucumber } from 'cypress-cucumber-preprocessor'
// or just 
import cucumber from 'cypress-cucumber-preprocessor'

export default (on, config) => {
    on('file:preprocessor', cucumber())
}

安装：

npm install --save-dev cypress-cucumber-preprocessor
npm install --save-dev @types/cypress-cucumber-preprocessor

一般cypress-realworld-app 有打字稿作为示例的来源（但不是黄瓜）。