added readme, license, changelog, github actions

Author: Oleksandr_Halichenko

.github/workflows/npm-publish.yml

@@ -0,0 +1,20 @@
+name: Node.js Package
+
+on:
+ release:
+ types: [created]
+
+jobs:
+ publish-npm:
+ runs-on: ubuntu-latest
+ steps:
+ - uses: actions/checkout@v2
+ - uses: actions/setup-node@v2
+ with:
+ node-version: 16
+ registry-url: https://registry.npmjs.org/
+ - run: npm ci
+ - run: npm run build
+ - run: npm publish --access public
+ env:
+ NODE_AUTH_TOKEN: ${{secrets.npm_token}}

.github/workflows/pull-request.yml

@@ -0,0 +1,19 @@
+name: Test
+
+on:
+ pull_request:
+ branches:
+ - master
+
+jobs:
+ test:
+ runs-on: ubuntu-latest
+ steps:
+ - uses: browser-actions/setup-chrome@latest
+ - run: chrome --version
+ - uses: actions/checkout@v2
+ - uses: actions/setup-node@v2
+ with:
+ node-version: 16
+ - run: npm ci
+ - run: npm run build

.gitignore

@@ -22,4 +22,6 @@ npm-debug.log*
 yarn-debug.log*
 yarn-error.log*
 
-.idea
+.idea
+
+test/report/

.npmignore

@@ -0,0 +1,7 @@
+node_modules/
+build/
+config/
+public/
+scripts/
+src/
+test/

CHANGELOG.MD

@@ -0,0 +1,2 @@
+# 0.0.1
+initial implementation

LICENSE

@@ -0,0 +1,21 @@
+MIT License
+
+Copyright (c) 2022 qavajs
+
+Permission is hereby granted, free of charge, to any person obtaining a copy
+of this software and associated documentation files (the "Software"), to deal
+in the Software without restriction, including without limitation the rights
+to use, copy, modify, merge, publish, distribute, sublicense, and/or sell
+copies of the Software, and to permit persons to whom the Software is
+furnished to do so, subject to the following conditions:
+
+The above copyright notice and this permission notice shall be included in all
+copies or substantial portions of the Software.
+
+THE SOFTWARE IS PROVIDED "AS IS", WITHOUT WARRANTY OF ANY KIND, EXPRESS OR
+IMPLIED, INCLUDING BUT NOT LIMITED TO THE WARRANTIES OF MERCHANTABILITY,
+FITNESS FOR A PARTICULAR PURPOSE AND NONINFRINGEMENT. IN NO EVENT SHALL THE
+AUTHORS OR COPYRIGHT HOLDERS BE LIABLE FOR ANY CLAIM, DAMAGES OR OTHER
+LIABILITY, WHETHER IN AN ACTION OF CONTRACT, TORT OR OTHERWISE, ARISING FROM,
+OUT OF OR IN CONNECTION WITH THE SOFTWARE OR THE USE OR OTHER DEALINGS IN THE
+SOFTWARE.

README.md

@@ -1,109 +1,23 @@
-# Getting started
+# @qavajs/html-formatter
 
-## Recommended software:
-- Node 8.12.0 or later (https://nodejs.org/en/)
-- VSCode (https://code.visualstudio.com/), or other IDE with typescript support (like WebStorm)
-- yarn package manager (https://yarnpkg.com/en/)
-- Any GIT client (standalone, or embedded into your IDE)
+Single file HTML formatter for cucumber framework
 
-## Running the project with template
+### Installation
+To install formatter run
 
-Clone the repository.
+`npm install @qavajs/html-formatter`
 
-To build and then start the project use:
-```
-yarn
-yarn start
-```
-Then open your browser on http://localhost:3000/
-
-
-## Available Scripts
-
-In the project directory, you can run:
-
-### `npm start`
-
-Runs the app in the development mode.\
-Open [http://localhost:3000](http://localhost:3000) to view it in the browser.
-
-The page will reload if you make edits.\
-You will also see any lint errors in the console.
-
-### `npm test`
-
-Launches the test runner in the interactive watch mode.\
-See the section about [running tests](https://facebook.github.io/create-react-app/docs/running-tests) for more information.
+and add to formatter section in config file
 
-### `npm run build`
-
-Builds the app for production to the `build` folder.\
-It correctly bundles React in production mode and optimizes the build for the best performance.
-
-The build is minified and the filenames include the hashes.\
-Your app is ready to be deployed!
-
-See the section about [deployment](https://facebook.github.io/create-react-app/docs/deployment) for more information.
-
-# Build configuration
-
-## CSS/SCSS Modules
-
-We build styles using SCSS in combination with CSS modules.
-
-If you have the following MyComponent.module.scss file:
-```
-.my-header {
- color: red;
+```javascript
+module.exports = {
+ default: {
+ format: ['@qavajs/html-formatter:report.html']
+ }
 }
 ```
-You can import and use selectors from it from your tsx file:
-```
-import * as React from 'react';
-import * as css from './MainPage.module.scss';
-
-export const MyComponent = <div className={ css.mainPanel }>
-```
-css.mainPanel will be equal to auto-generated class name, which is guaranteed to be unique across the project. In development mode, selector will contain the name of the file and hash, like "MainPage_mainPanel__140Pj". In production mode, selectors will be made short to reduce size.
-
-If you need an usual global selector, use:
-```
-:global(.my-selector)
-```
-
-Read more on CSS Modules here: https://github.com/css-modules/css-modules 
-
-Read more on SCSS here: https://sass-lang.com/ 
-
-## SVG icons
-
-SVG files can be imported like this:
-```
-import { ReactComponent as myIcon } from 'icons/myIcon.svg'
-```
-
-After this, myIcon.svg will be included in SVG sprite as a symbol, and myIcon variable will contain and object with meta-information about the SVG file, like { id, url, viewBox } or like React.SFC.
-
-[comment]: <> (## Working the .NET/Java server)
-
-[comment]: <> (By default, the project is configured to run without the server &#40;like .NET/Java-based REST APIs&#41;.)
-
-[comment]: <> (Usually, back-end project serves static assets as well as it's REST APIs. Considering this, when you'll get back-end server running, you need to change some settings:)
-
-[comment]: <> (- make sure your server can serve static files from /built path.)
-
-[comment]: <> (- the app uses Single Page Application approach, so routing is done at client-side. To support this, you'll need to tweak your server-side routing so any unknown path &#40;like /home&#41; serves the /built/index.html file content)
-
-[comment]: <> (- on developers machines, setup the server to run on some spare port &#40;like 44301&#41;)
-
-[comment]: <> (- Back-end developers can use "yarn build" after getting the source, to get recent version of UI scripts)
-
-[comment]: <> (- On your build/CI script use "yarn prod" command to build the bundle.js.)
-
-# Learn More
 
-You can learn more in the [Create React App documentation](https://facebook.github.io/create-react-app/docs/getting-started).
+or pass `--format @qavajs/html-formatter:report.html` in cli
 
-To learn about UII, visit [UUI documentation website](https://uui.epam.com/)
+Kudos to https://github.com/epam/UUI for providing components
 
-To learn React, check out the [React documentation](https://reactjs.org/).

config/webpack.config.js

@@ -633,30 +633,6 @@ module.exports = function (webpackEnv) {
  filename: 'static/css/[name].[contenthash:8].css',
  chunkFilename: 'static/css/[name].[contenthash:8].chunk.css',
  }),
- // Generate an asset manifest file with the following content:
- // - "files" key: Mapping of all asset filenames to their corresponding
- // output file so that tools can pick it up without having to parse
- // `index.html`
- // - "entrypoints" key: Array of files which are included in `index.html`,
- // can be used to reconstruct the HTML if necessary
- new ManifestPlugin({
- fileName: 'asset-manifest.json',
- publicPath: paths.publicUrlOrPath,
- generate: (seed, files, entrypoints) => {
- const manifestFiles = files.reduce((manifest, file) => {
- manifest[file.name] = file.path;
- return manifest;
- }, seed);
- const entrypointFiles = entrypoints.main.filter(
- fileName => !fileName.endsWith('.map')
- );
-
- return {
- files: manifestFiles,
- entrypoints: entrypointFiles,
- };
- },
- }),
  // Moment.js is an extremely popular library that bundles large locale files
  // by default due to how webpack interprets its code. This is a practical
  // solution that requires the user to opt into importing specific locales.

formatter/formatter.js

@@ -0,0 +1,17 @@
+const { JsonFormatter } = require('@cucumber/cucumber');
+const fs = require('fs');
+const path = require('path');
+class HTMLFormatter extends JsonFormatter {
+
+ constructor(options) {
+ super(options);
+ const log = this.log.bind(this);
+ this.log = function(json) {
+ const htmlTemplate = fs.readFileSync(path.resolve(__dirname, './index.html'), 'utf-8');
+ log(htmlTemplate.replace('SOURCE_DATA', json));
+ }
+ }
+
+}
+
+module.exports = HTMLFormatter;