用Vue、柏树和cucumber测试时如何使用类？

Question

我的babel.config.js文件是：

module.exports = {
  presets: [
    '@vue/cli-plugin-babel/preset'
  ]
}

你知道如何让cli-plugin-babel与cucumber Cypress一起工作吗？

原始消息：我有一个test.feature文件，执行test.step.js文件中定义的步骤。以下是我的test.spec.js的内容

import { When, Then } from 'cypress-cucumber-preprocessor/steps';
import { HomePage } from './pages/home.page';

When(/^I open the Home page$/, () => {
    let homePage = new HomePage();
    homePage.goTo();
});

Then(/^I see "([^"]*)" in the main heading$/, msg => {
    cy.contains('h1', msg)
});

export class HomePage {
    goTo() {
        cy.visit("/");
    }
}

npm run test:e2e

Oops...we found an error preparing this test file:

  tests/e2e/features/Test.feature

The error was:

SyntaxError: 'import' and 'export' may appear only with 'sourceType: module'


This occurred while Cypress was compiling and bundling your test code. This is usually caused by:

- A missing file or dependency
- A syntax error in the file or one of its dependencies

Fix the error in your code and re-run your tests.

当我使用：

export function goToHomePage() {
    cy.visit("/");
}

您可以在GitHub上签出我的项目:https://github.com/truar/cloudcmr-v2（传递情况为分支主，失败情况为分支pageObject_pattern)。

我假设这是与ES6和柏树有关的东西...但我显然不知道这是怎么回事。此外，我在网上找到的所有东西都说柏树cucumber和打字稿，我不用...

Answer 1

我找到答案了。有关更多详细信息，请参见此公关:https://github.com/cypress-io/cypress/issues/2945

基本上，巴别塔7号和柏树3号之间存在不相容性。我必须更改babel.config.js文件：

module.exports = process.env.CYPRESS_ENV
    ? {}
    : {
          presets: ["@vue/cli-plugin-babel/preset"]
      };

这只是一个变通办法，而不是真正的解决办法。我们在运行赛普拉斯时必须禁用巴别塔。