mirror of
https://github.com/qlik-oss/nebula.js.git
synced 2025-12-21 18:56:43 -05:00
9d564d1516
* feat: implement auto confirm * refactor: auto confirm only on click outside * refactor: do not render at all if autoConfirm * refactor: smaller min height and use constants * test: fix selector * fix: use correct attribute key * test: use another testid * fix: increase minHeight for small grid listboxes * fix: prevent cut listboxes
59 lines
2.0 KiB
Markdown
59 lines
2.0 KiB
Markdown
# Render visualization from fixture
|
|
|
|
Nebula serve supports rendering a visualization from a fixture. The fixture specifies which visualization to render and how it should look and behave. See `fixture-format.md` for details about fixtures.
|
|
|
|
Render a visualization by providing the fixture parameter value to the rendering service.
|
|
|
|
Example: `http://localhost:8000/render?fixture=scenario-1.fix.js`
|
|
|
|
## Specify a fixture
|
|
|
|
By default Nebula serve looks for fixtures within the path `test/component` (starting from the working directory).
|
|
|
|
For example, if the fixture parameter in the URL is set to `scenario-1.fix.js` the fixture will be expected to be found at `<work-dir>/test/componet/scenario-1.fix.js`.
|
|
|
|
Use the serve config `--fixturePath` to specify where your fixtures are located. Note that file name of the fixture needs to end with `.fix.js`.
|
|
|
|
Given the project structure:
|
|
|
|
```
|
|
sn-grid-chart
|
|
│ README.md
|
|
│ package.json
|
|
│
|
|
└───src
|
|
│ │ index.js
|
|
│ │ ...
|
|
│
|
|
└───test
|
|
└───rendering
|
|
│ └───__fixtures__
|
|
│ │ scenario-1.fix.js
|
|
│ │ scenario-2.fix.js
|
|
│ │ ...
|
|
|
|
|
│ grid-chart.spec.js
|
|
```
|
|
|
|
...and `package.json` including test script launching Nebula serve with `--fixturePath test/rendering/__fixtures__` the URL to launch a fixture is:
|
|
|
|
```
|
|
http://localhost:8000/render?fixture=scenario-1.fix.js
|
|
```
|
|
|
|
## Additional configurations
|
|
|
|
The fixture includes information about how to render the visualization. In some cases it's useful to reuse the fixtures but slightly alter how it's rendered. For example, render the chart with different themes or in various languages.
|
|
|
|
This can be achieved by specifying URL query parameters. See below for supported parameters.
|
|
|
|
### `theme`
|
|
|
|
Theme to use when rendering visualization.
|
|
|
|
Specify an array of available themes in the instance config. Provide the `id` of theme to use as the parameter value.
|
|
|
|
### `language`
|
|
|
|
Language to use when rendering visualization.
|