@qavajs/cypress-runner-adapter 1.9.1 → 1.9.2
This diff represents the content of publicly available package versions that have been released to one of the supported registries. The information contained in this diff is provided for informational purposes only and reflects changes between package versions as they appear in their respective public registries.
- package/README.md +155 -17
- package/adapter/index.js +1 -1
- package/index.d.ts +4 -2
- package/package.json +8 -7
- package/supportCodeLibrary/sourced_parameter_type_registry.js +0 -4
- package/supportCodeLibrary/step_definition.js +0 -2
- package/supportCodeLibrary/test_case_hook_definition.js +1 -10
- package/supportCodeLibrary/test_step_hook_definition.js +0 -9
- package/adapter.js +0 -1
- package/index.js +0 -1
package/README.md
CHANGED
|
@@ -1,5 +1,9 @@
|
|
|
1
1
|
# @qavajs/cypress-runner-adapter
|
|
2
|
-
|
|
2
|
+
|
|
3
|
+
Cypress preprocessor that compiles Gherkin `.feature` files into Cypress/Mocha test suites, enabling full BDD-style testing with Cucumber syntax inside Cypress.
|
|
4
|
+
|
|
5
|
+
[](https://www.npmjs.com/package/@qavajs/cypress-runner-adapter)
|
|
6
|
+
[](LICENSE)
|
|
3
7
|
|
|
4
8
|
## Installation
|
|
5
9
|
|
|
@@ -7,7 +11,9 @@ Adapter to run Gherkin tests via cypress test runner
|
|
|
7
11
|
npm install @qavajs/cypress-runner-adapter
|
|
8
12
|
```
|
|
9
13
|
|
|
10
|
-
##
|
|
14
|
+
## Configuration
|
|
15
|
+
|
|
16
|
+
Register the preprocessor in `cypress.config.js`:
|
|
11
17
|
|
|
12
18
|
```javascript
|
|
13
19
|
const { defineConfig } = require('cypress');
|
|
@@ -18,39 +24,171 @@ module.exports = defineConfig({
|
|
|
18
24
|
specPattern: 'cypress/feature/**/*.feature',
|
|
19
25
|
supportFile: 'cypress/support/e2e.js',
|
|
20
26
|
setupNodeEvents(on, config) {
|
|
21
|
-
on('file:preprocessor', cucumber)
|
|
27
|
+
on('file:preprocessor', cucumber);
|
|
22
28
|
},
|
|
23
29
|
},
|
|
24
30
|
});
|
|
25
31
|
```
|
|
26
32
|
|
|
27
|
-
|
|
33
|
+
## Step Definitions
|
|
34
|
+
|
|
35
|
+
Define steps in your support file (e.g. `cypress/support/e2e.js`):
|
|
28
36
|
|
|
29
37
|
```javascript
|
|
30
|
-
import { When, setWorldConstructor } from '@qavajs/cypress-runner-adapter';
|
|
38
|
+
import { Given, When, Then, setWorldConstructor, World } from '@qavajs/cypress-runner-adapter';
|
|
31
39
|
|
|
32
|
-
class World {
|
|
33
|
-
|
|
40
|
+
class CustomWorld extends World {
|
|
41
|
+
constructor(options) {
|
|
42
|
+
super(options);
|
|
43
|
+
this.myValue = null;
|
|
44
|
+
}
|
|
34
45
|
}
|
|
35
46
|
|
|
36
|
-
setWorldConstructor(
|
|
47
|
+
setWorldConstructor(CustomWorld);
|
|
37
48
|
|
|
38
|
-
|
|
49
|
+
Given('I navigate to {string}', function (url) {
|
|
39
50
|
cy.visit(url);
|
|
40
51
|
});
|
|
52
|
+
|
|
53
|
+
When('I click {string}', function (selector) {
|
|
54
|
+
cy.get(selector).click();
|
|
55
|
+
});
|
|
56
|
+
|
|
57
|
+
Then('{string} should be visible', function (selector) {
|
|
58
|
+
cy.get(selector).should('be.visible');
|
|
59
|
+
});
|
|
60
|
+
```
|
|
61
|
+
|
|
62
|
+
## Hooks
|
|
63
|
+
|
|
64
|
+
All standard Cucumber hooks are supported. Hooks receive a `params` object with context about the current test.
|
|
65
|
+
|
|
66
|
+
```javascript
|
|
67
|
+
import { Before, After, BeforeStep, AfterStep, BeforeAll, AfterAll } from '@qavajs/cypress-runner-adapter';
|
|
68
|
+
|
|
69
|
+
BeforeAll(function () {
|
|
70
|
+
// runs once before all tests
|
|
71
|
+
});
|
|
72
|
+
|
|
73
|
+
Before(function ({ gherkinDocument, pickle, testCaseStartedId }) {
|
|
74
|
+
// runs before each scenario
|
|
75
|
+
});
|
|
76
|
+
|
|
77
|
+
Before({ tags: '@login' }, function () {
|
|
78
|
+
// runs before scenarios tagged with @login
|
|
79
|
+
});
|
|
80
|
+
|
|
81
|
+
Before({ name: 'setup' }, function () {
|
|
82
|
+
// named hook
|
|
83
|
+
});
|
|
84
|
+
|
|
85
|
+
BeforeStep(function ({ testStepId }) {
|
|
86
|
+
// runs before each step
|
|
87
|
+
});
|
|
88
|
+
|
|
89
|
+
AfterStep(function ({ result }) {
|
|
90
|
+
// runs after each step
|
|
91
|
+
});
|
|
92
|
+
|
|
93
|
+
After(function ({ result, error }) {
|
|
94
|
+
// runs after each scenario
|
|
95
|
+
});
|
|
96
|
+
|
|
97
|
+
AfterAll(function () {
|
|
98
|
+
// runs once after all tests
|
|
99
|
+
});
|
|
100
|
+
```
|
|
101
|
+
|
|
102
|
+
## Parameter Types
|
|
103
|
+
|
|
104
|
+
Define custom parameter types using `defineParameterType`:
|
|
105
|
+
|
|
106
|
+
```javascript
|
|
107
|
+
import { defineParameterType } from '@qavajs/cypress-runner-adapter';
|
|
108
|
+
|
|
109
|
+
defineParameterType({
|
|
110
|
+
name: 'color',
|
|
111
|
+
regexp: /(red|blue|green)/,
|
|
112
|
+
transformer: color => color.toUpperCase()
|
|
113
|
+
});
|
|
114
|
+
|
|
115
|
+
// usage in step definition:
|
|
116
|
+
// When('I select {color} theme', function (color) { ... });
|
|
117
|
+
```
|
|
118
|
+
|
|
119
|
+
## World
|
|
120
|
+
|
|
121
|
+
The `World` class is instantiated for each scenario and is available as `this` inside step definitions and hooks. Extend it to share state across steps within a scenario.
|
|
122
|
+
|
|
123
|
+
| Property / Method | Description |
|
|
124
|
+
|---|---|
|
|
125
|
+
| `this.log(message)` | Log a message to the Cypress command log |
|
|
126
|
+
| `this.attach(data)` | Attach data to the test report |
|
|
127
|
+
| `this.link(url)` | Attach a link to the test report |
|
|
128
|
+
| `this.executeStep(text)` | Programmatically execute a step by its text |
|
|
129
|
+
|
|
130
|
+
```javascript
|
|
131
|
+
import { When, World, setWorldConstructor } from '@qavajs/cypress-runner-adapter';
|
|
132
|
+
|
|
133
|
+
class AppWorld extends World {
|
|
134
|
+
constructor(options) {
|
|
135
|
+
super(options);
|
|
136
|
+
this.userId = null;
|
|
137
|
+
}
|
|
138
|
+
}
|
|
139
|
+
|
|
140
|
+
setWorldConstructor(AppWorld);
|
|
141
|
+
|
|
142
|
+
When('I store user {string}', function (id) {
|
|
143
|
+
this.userId = id;
|
|
144
|
+
});
|
|
145
|
+
|
|
146
|
+
When('I use stored user', function () {
|
|
147
|
+
cy.log(this.userId);
|
|
148
|
+
});
|
|
149
|
+
|
|
150
|
+
When('I execute another step', function () {
|
|
151
|
+
this.executeStep('I navigate to "https://example.com"');
|
|
152
|
+
});
|
|
41
153
|
```
|
|
42
154
|
|
|
43
|
-
##
|
|
44
|
-
|
|
155
|
+
## Template Steps
|
|
156
|
+
|
|
157
|
+
`Template` composes a step from other steps using a multiline string. The function receives the same arguments as the step and returns the steps to execute:
|
|
158
|
+
|
|
159
|
+
```javascript
|
|
160
|
+
import { When, Template } from '@qavajs/cypress-runner-adapter';
|
|
161
|
+
|
|
162
|
+
When('I search for {string} on Wikipedia', Template(term => `
|
|
163
|
+
I navigate to 'https://en.wikipedia.org/'
|
|
164
|
+
I search '${term}'
|
|
165
|
+
`));
|
|
45
166
|
```
|
|
46
|
-
|
|
167
|
+
|
|
168
|
+
## Tag Filtering
|
|
169
|
+
|
|
170
|
+
Filter scenarios using Cucumber tag expressions via the `TAGS` environment variable:
|
|
171
|
+
|
|
172
|
+
```bash
|
|
173
|
+
TAGS='@smoke' npx cypress run
|
|
174
|
+
TAGS='@smoke and not @slow' npx cypress run
|
|
175
|
+
TAGS='@login or @auth' npx cypress run
|
|
47
176
|
```
|
|
48
177
|
|
|
49
|
-
## Translation
|
|
50
|
-
|
|
51
|
-
|
|
52
|
-
|
|
178
|
+
## Translation Modes
|
|
179
|
+
|
|
180
|
+
Controls how Gherkin scenarios are mapped to Mocha constructs. Set via the `MODE` environment variable.
|
|
181
|
+
|
|
182
|
+
| Mode | Scenario maps to | Steps map to |
|
|
183
|
+
|---|---|---|
|
|
184
|
+
| `describe` (default) | `describe` | `it` |
|
|
185
|
+
| `it` | `it` | _(inline)_ |
|
|
53
186
|
|
|
54
187
|
```bash
|
|
188
|
+
# default (describe) mode
|
|
189
|
+
npx cypress run
|
|
190
|
+
|
|
191
|
+
# it mode
|
|
192
|
+
MODE=it npx cypress run
|
|
55
193
|
MODE=it npx cypress open
|
|
56
|
-
```
|
|
194
|
+
```
|
package/adapter/index.js
CHANGED
|
@@ -19,7 +19,7 @@ function adapter(testCases) {
|
|
|
19
19
|
}
|
|
20
20
|
|
|
21
21
|
module.exports = async function cucumber(file) {
|
|
22
|
-
const { filePath, outputPath
|
|
22
|
+
const { filePath, outputPath } = file;
|
|
23
23
|
if (!filePath.endsWith('.feature')) {
|
|
24
24
|
return webpackPreprocessor(file);
|
|
25
25
|
}
|
package/index.d.ts
CHANGED
|
@@ -13,7 +13,6 @@ declare type ParameterTypeOption = {
|
|
|
13
13
|
transformer?: Function,
|
|
14
14
|
useForSnippets?: boolean
|
|
15
15
|
}
|
|
16
|
-
declare interface IWorld {}
|
|
17
16
|
export function Given(expression: Expression, fn: Function): void;
|
|
18
17
|
export function When(expression: Expression, fn: Function): void;
|
|
19
18
|
export function Then(expression: Expression, fn: Function): void;
|
|
@@ -31,10 +30,13 @@ export function setWorldConstructor(world: IWorld): void;
|
|
|
31
30
|
export function defineParameterType(option: ParameterTypeOption): void;
|
|
32
31
|
export function Template(template: (...args: any[]) => string): () => void;
|
|
33
32
|
export class World {
|
|
33
|
+
log: (...args: any) => void;
|
|
34
|
+
attach: (...args: any) => void;
|
|
35
|
+
link: (...args: any) => void;
|
|
36
|
+
executeStep(text: string, argument?: any): void;
|
|
34
37
|
constructor(options: {
|
|
35
38
|
log: (...args: any) => void;
|
|
36
39
|
attach: (...args: any) => void;
|
|
37
40
|
link: (...args: any) => void;
|
|
38
|
-
executeStep: (...args: any) => Promise<any>;
|
|
39
41
|
});
|
|
40
42
|
}
|
package/package.json
CHANGED
|
@@ -1,13 +1,15 @@
|
|
|
1
1
|
{
|
|
2
2
|
"name": "@qavajs/cypress-runner-adapter",
|
|
3
|
-
"version": "1.9.
|
|
4
|
-
"main": "index.js",
|
|
3
|
+
"version": "1.9.2",
|
|
4
|
+
"main": "supportCodeLibrary/index.js",
|
|
5
|
+
"exports": {
|
|
6
|
+
".": "./supportCodeLibrary/index.js",
|
|
7
|
+
"./adapter": "./adapter/index.js"
|
|
8
|
+
},
|
|
5
9
|
"files": [
|
|
6
10
|
"adapter",
|
|
7
11
|
"supportCodeLibrary",
|
|
8
|
-
"index.js",
|
|
9
12
|
"index.d.ts",
|
|
10
|
-
"adapter.js",
|
|
11
13
|
"adapter.d.ts"
|
|
12
14
|
],
|
|
13
15
|
"scripts": {
|
|
@@ -33,11 +35,10 @@
|
|
|
33
35
|
"@cucumber/cucumber-expressions": "^19.0.0",
|
|
34
36
|
"@cucumber/gherkin": "^39.0.0",
|
|
35
37
|
"@cucumber/tag-expressions": "^9.1.0",
|
|
36
|
-
"@cypress/webpack-preprocessor": "^7.0
|
|
38
|
+
"@cypress/webpack-preprocessor": "^7.1.0"
|
|
37
39
|
},
|
|
38
40
|
"devDependencies": {
|
|
39
|
-
"cypress": "^15.
|
|
40
|
-
"mochawesome": "^7.1.4"
|
|
41
|
+
"cypress": "^15.13.0"
|
|
41
42
|
},
|
|
42
43
|
"keywords": [
|
|
43
44
|
"cypress",
|
|
@@ -13,8 +13,4 @@ export class SourcedParameterTypeRegistry extends ParameterTypeRegistry {
|
|
|
13
13
|
this.defineParameterType(parameterType)
|
|
14
14
|
this.parameterTypeToSource.set(parameterType, source)
|
|
15
15
|
}
|
|
16
|
-
|
|
17
|
-
lookupSource(parameterType) {
|
|
18
|
-
return this.parameterTypeToSource.get(parameterType)
|
|
19
|
-
}
|
|
20
16
|
}
|
|
@@ -21,8 +21,6 @@ export default class StepDefinition extends Definition {
|
|
|
21
21
|
parameters.push(argumentParameter)
|
|
22
22
|
}
|
|
23
23
|
return {
|
|
24
|
-
getInvalidCodeLengthMessage: () =>
|
|
25
|
-
this.baseGetInvalidCodeLengthMessage(parameters),
|
|
26
24
|
parameters,
|
|
27
25
|
validCodeLengths: [parameters.length, parameters.length + 1],
|
|
28
26
|
}
|
|
@@ -5,7 +5,7 @@ export default class TestCaseHookDefinition extends Definition {
|
|
|
5
5
|
|
|
6
6
|
constructor(data) {
|
|
7
7
|
super(data)
|
|
8
|
-
this.name = data.options.name
|
|
8
|
+
this.name = data.options.name ?? 'Hook'
|
|
9
9
|
this.tagExpression = data.options.tags
|
|
10
10
|
this.pickleTagFilter = new PickleTagFilter(data.options.tags)
|
|
11
11
|
}
|
|
@@ -13,13 +13,4 @@ export default class TestCaseHookDefinition extends Definition {
|
|
|
13
13
|
appliesToTestCase(pickle) {
|
|
14
14
|
return this.pickleTagFilter.matchesAllTagExpressions(pickle)
|
|
15
15
|
}
|
|
16
|
-
|
|
17
|
-
async getInvocationParameters({ hookParameter }) {
|
|
18
|
-
return {
|
|
19
|
-
getInvalidCodeLengthMessage: () =>
|
|
20
|
-
this.buildInvalidCodeLengthMessage('0 or 1', '2'),
|
|
21
|
-
parameters: [hookParameter],
|
|
22
|
-
validCodeLengths: [0, 1, 2],
|
|
23
|
-
}
|
|
24
|
-
}
|
|
25
16
|
}
|
|
@@ -11,13 +11,4 @@ export default class TestStepHookDefinition extends Definition {
|
|
|
11
11
|
appliesToTestCase(pickle) {
|
|
12
12
|
return this.pickleTagFilter.matchesAllTagExpressions(pickle)
|
|
13
13
|
}
|
|
14
|
-
|
|
15
|
-
async getInvocationParameters({ hookParameter }) {
|
|
16
|
-
return {
|
|
17
|
-
getInvalidCodeLengthMessage: () =>
|
|
18
|
-
this.buildInvalidCodeLengthMessage('0 or 1', '2'),
|
|
19
|
-
parameters: [hookParameter],
|
|
20
|
-
validCodeLengths: [0, 1, 2],
|
|
21
|
-
}
|
|
22
|
-
}
|
|
23
14
|
}
|
package/adapter.js
DELETED
|
@@ -1 +0,0 @@
|
|
|
1
|
-
module.exports = require('./adapter/index');
|
package/index.js
DELETED
|
@@ -1 +0,0 @@
|
|
|
1
|
-
module.exports = require('./supportCodeLibrary');
|