vitest-cucumber-plugin 0.5.3 → 0.5.4

package/RELEASE_NOTES.md

@@ -1,3 +1,4 @@
+* v0.5.4 : Added vue test
 * v0.5.3 : Provide code snippets when a step definition is not found
 * v0.5.2 : Throw an error if a step file import fails instead of logging it
 * v0.5.1 : Added info level logging for tracing state through steps.  Also added a log file option.

package/package.json

@@ -1,6 +1,6 @@
 {
     "name": "vitest-cucumber-plugin",
-    "version": "0.5.3",
+    "version": "0.5.4",
     "description": "Plugin for Vitest which allows for tests to be written in Cucumber format.",
     "keywords": [
         "vite",

package/tests/vue/features/step_definitions/test.js

@@ -0,0 +1,25 @@
+import { Given, When, Then } from 'vitest-cucumber-plugin';
+import Test from '../../src/test.vue';
+import { mount, get } from '../support/components.js';
+import { expect } from 'vitest';
+import _ from 'lodash/fp.js';
+
+Given('I have a test component', (state,params,data) => {
+    return _.set('test',mount(Test),state);
+});
+
+When('I do nothing', (state,params,data) => state);
+
+Then('the test component text is {string}', (state,[ text ],data) => {
+    const testComponent = get(state.test);
+    const textElement = testComponent.get('.text');
+    expect(textElement.text()).toBe(text);
+    return state;
+});
+
+When('I push the button', (state,params,data) => {
+    const testComponent = get(state.test);
+    const buttonElement = testComponent.get('button');
+    buttonElement.trigger('click');
+    return state;
+});

package/tests/vue/features/support/components.js

@@ -0,0 +1,19 @@
+import * as testUtils from '@vue/test-utils';
+import { v4 as uuid } from 'uuid';
+import _ from 'lodash/fp.js';
+
+const components = {};
+
+const mount = (vue,options) => {
+    const id = uuid();
+    const mountOptions = {};
+    components[id] = testUtils.mount(vue,mountOptions);
+    return { id, options };
+};
+
+const get = (component) => components[component.id];
+
+export {
+    mount,
+    get,
+};

package/tests/vue/features/test.feature

@@ -0,0 +1,10 @@
+Feature: Vue component tests example
+  Scenario: Initial state
+    Given I have a test component
+    When I do nothing
+    Then the test component text is "Hello World!"
+
+  Scenario: Button pressed
+    Given I have a test component
+    When I push the button
+    Then the test component text is "Button pressed!"