У меня есть проект Angular с рабочим пространством Nrwl Nx. Для моего теста e2e я использую кипарис с машинописью. Для этих тестов я хотел бы включить поддержку файлов Feature с синтаксисом Gherkin.
Я добавил «cypress-cucumber-preprocessor» в проект. Эта настройка отлично работает, когда я пишу привязки с JS. Но как только я пытаюсь настроить шаги для машинописи, я получаю ошибки и не могу заставить его работать.
Настройка для js:
const { preprocessTypescript } = require('@nrwl/cypress/plugins/preprocessor');
const cucumber = require('cypress-cucumber-preprocessor').default;
module.exports = (on, config) => {
// `on` is used to hook into various events Cypress emits
// `config` is the resolved Cypress config
// Code Coverage
on('task', require('@cypress/code-coverage/task'));
// Preprocess Typescript
on('file:preprocessor', preprocessTypescript(config));
// Gherkin support
on('file:preprocessor', cucumber());
};
Настройка для ts:
const { preprocessTypescript } = require('@nrwl/cypress/plugins/preprocessor');
const cucumber = require('cypress-cucumber-preprocessor').default;
const browserify = require('@cypress/browserify-preprocessor');
module.exports = (on, config) => {
// `on` is used to hook into various events Cypress emits
// `config` is the resolved Cypress config
// Code Coverage
on('task', require('@cypress/code-coverage/task'));
// Preprocess Typescript
on('file:preprocessor', preprocessTypescript(config));
// Gherkin support
const options = browserify.defaultOptions;
options.browserifyOptions.plugin.unshift(['tsify']);
on('file:preprocessor', cucumber());
};
{
"name": "client-app",
"version": "0.0.0",
"license": "MIT",
"scripts": {
"ng": "ng",
"nx": "nx",
"start": "ng serve",
"start:browser": "ng serve -o --port 54055",
"build": "ng build",
"build:ssr": "ng run client-app:server:production",
"test": "ng test",
"lint": "nx workspace-lint && ng lint",
"e2e": "ng e2e",
"e2e:watch": "ng e2e --watch",
"e2e:headless": "ng e2e --prod --headless",
"affected:apps": "nx affected:apps",
"affected:libs": "nx affected:libs",
"affected:build": "nx affected:build",
"affected:e2e": "nx affected:e2e",
"affected:test": "nx affected:test",
"affected:lint": "nx affected:lint",
"affected:dep-graph": "nx affected:dep-graph",
"affected": "nx affected",
"format": "nx format:write",
"format:write": "nx format:write",
"format:check": "nx format:check",
"update": "ng update @nrwl/workspace",
"update:check": "ng update",
"workspace-schematic": "nx workspace-schematic",
"dep-graph": "nx dep-graph",
"help": "nx help",
"extract:clientApp": "ngx-translate-extract --input ./apps/client-app/src --output ./apps/client-app/src/assets/i18n/de.json ./apps/client-app/src/assets/i18n/en.json ./apps/client-app/src/assets/i18n/fr.json ./apps/client-app/src/assets/i18n/it.json --clean --sort",
"extract:clientAppe2e": "ngx-translate-extract --input ./apps/client-app/src --output ./apps/client-app-e2e/src/fixtures/i18n/de.json ./apps/client-app-e2e/src/fixtures/i18n/en.json ./apps/client-app-e2e/src/fixtures/i18n/fr.json ./apps/client-app-e2e/src/fixtures/i18n/it.json --clean --sort"
},
"private": true,
"dependencies": {
"@angular/animations": "^8.0.0",
"@angular/cdk": "^8.1.1",
"@angular/common": "^8.0.0",
"@angular/compiler": "^8.0.0",
"@angular/core": "^8.0.0",
"@angular/flex-layout": "^8.0.0-beta.26",
"@angular/forms": "^8.0.0",
"@angular/material": "^8.1.1",
"@angular/platform-browser": "^8.0.0",
"@angular/platform-browser-dynamic": "^8.0.0",
"@angular/platform-server": "^8.1.3",
"@angular/pwa": "^0.801.2",
"@angular/router": "^8.0.0",
"@angular/service-worker": "^8.0.0",
"@aspnet/signalr": "1.0.3",
"@ngrx/effects": "^8.2.0",
"@ngrx/entity": "^8.2.0",
"@ngrx/router-store": "^8.2.0",
"@ngrx/store": "^8.2.0",
"@nguniversal/module-map-ngfactory-loader": "^8.1.1",
"@ngx-translate/core": "^11.0.1",
"@ngx-translate/http-loader": "^4.0.0",
"@nrwl/angular": "8.4.0",
"@types/file-saver": "^2.0.1",
"applicationinsights-js": "^1.0.20",
"aspnet-prerendering": "^3.0.1",
"core-js": "^2.5.4",
"file-saver": "^2.0.2",
"hammerjs": "^2.0.8",
"ngx-infinite-scroll": "^7.2.0",
"rxjs": "~6.4.0",
"zone.js": "^0.9.1"
},
"devDependencies": {
"@angular-devkit/build-angular": "^0.800.1",
"@angular/cli": "8.1.1",
"@angular/compiler-cli": "^8.0.0",
"@angular/language-service": "^8.0.0",
"@biesbjerg/ngx-translate-extract": "^2.3.4",
"@cypress/code-coverage": "^1.8.0",
"@ngrx/store-devtools": "^8.2.0",
"@nrwl/cypress": "8.4.0",
"@nrwl/jest": "8.4.0",
"@nrwl/linter": "^8.4.1",
"@nrwl/workspace": "8.4.0",
"@types/applicationinsights-js": "^1.0.9",
"@types/cypress-cucumber-preprocessor": "^1.12.0",
"@types/jest": "24.0.9",
"@types/node": "^12.6.8",
"codelyzer": "~5.0.1",
"cypress": "3.4.0",
"cypress-cucumber-preprocessor": "^1.16.0",
"dotenv": "6.2.0",
"istanbul-lib-coverage": "^2.0.5",
"jest": "24.1.0",
"jest-preset-angular": "7.0.0",
"ngrx-store-freeze": "^0.2.4",
"nyc": "^14.1.1",
"prettier": "1.16.4",
"ts-jest": "24.0.0",
"ts-node": "~7.0.0",
"tsify": "^4.0.1",
"tslint": "~5.11.0",
"typescript": "~3.4.5"
},
"cypress-cucumber-preprocessor": {
"nonGlobalStepDefinitions": true
}
}
У меня возникла следующая ошибка при этой настройке:
SyntaxError: 'import' и 'export' могут появляться только с 'sourceType: module'