https://github.com/grafana/k6-template-es6

Template using Webpack and Babel to enable ES6 features in k6 tests
https://github.com/grafana/k6-template-es6

babel bundling es6 javascript k6 load-testing performance-testing templates webpack

Last synced: 3 months ago
JSON representation

Template using Webpack and Babel to enable ES6 features in k6 tests

• Host: GitHub
• URL: https://github.com/grafana/k6-template-es6
• Owner: grafana
• License: apache-2.0
• Created: 2020-03-27T11:37:41.000Z (over 4 years ago)
• Default Branch: main
• Last Pushed: 2024-01-26T17:35:19.000Z (6 months ago)
• Last Synced: 2024-04-14T09:15:29.722Z (3 months ago)
• Topics: babel, bundling, es6, javascript, k6, load-testing, performance-testing, templates, webpack
• Language: JavaScript
• Homepage: https://k6.io/docs/using-k6/modules#bundling-node-modules
• Size: 55.7 KB
• Stars: 78
• Watchers: 128
• Forks: 21
• Open Issues: 1
• Metadata Files:
  • Readme: README.md
  • License: LICENSE

Lists

• awesome-k6 - k6-template-es6 - Starter template using Webpack and Babel to enable ES6 features in k6 tests. (Examples/Templates)

README

        
This is a template repository showing how to use `Babel` and `Webpack` to bundle the different files into CommonJS modules, using its [`webpack.config.js`](./webpack.config.js) configuration.

In this project, you can write k6 tests using:

1. node module resolution.

2. external node modules and getting them automatically bundled.

3. unsupported ES+ features like the optional chaining ( `?.` ) operator.

## Installation

Click **Use this template** to create a repository from this template. 

Clone the generated repository on your local machine, move to the project root folder and install the dependencies defined in [`package.json`](./package.json)

```bash

npm install

```

## Running the test

Attempting to run the tests in [src](./src/) will fail because:

-  k6 does not know how to resolve node modules.

-  k6 does not recognize some ES+ features like the optional chaining ( `?.` ) operator. 

To address this, we'll use `Webpack` to bundle the dependencies and polyfill ES+ features.

```bash

npm run bundle

```

This command creates the final test files to the `./dist` folder.

Once that is done, we can run our script the same way we usually do, for instance:

```bash

k6 run dist/optional-chaining-test.js

# or 

k6 run dist/faker-test.js

```

## See also

- [Using k6 / Modules](https://grafana.com/docs/k6/latest/using-k6/modules/)

- [Using k6 / JavaScript compatibility mode](https://grafana.com/docs/k6/latest/using-k6/javascript-compatibility-mode/)

- [grafana/k6-rollup-example](https://github.com/grafana/k6-rollup-example)

- [grafana/k6-template-typescript](https://github.com/grafana/k6-template-typescript)