Added test of usage via webpack to the e2e tests
|
@ -0,0 +1,10 @@
|
||||||
|
import mermaid from '../../dist/mermaid.core'
|
||||||
|
|
||||||
|
mermaid.initialize({
|
||||||
|
theme: 'forest',
|
||||||
|
gantt: { axisFormatter: [
|
||||||
|
['%Y-%m-%d', (d) => {
|
||||||
|
return d.getDay() === 1
|
||||||
|
}]
|
||||||
|
] }
|
||||||
|
})
|
|
@ -0,0 +1,23 @@
|
||||||
|
<!doctype html>
|
||||||
|
<html>
|
||||||
|
|
||||||
|
<body>
|
||||||
|
<div class="mermaid">
|
||||||
|
graph LR
|
||||||
|
A-->B
|
||||||
|
</div>
|
||||||
|
<div class="mermaid">
|
||||||
|
gantt
|
||||||
|
title A Gantt Diagram
|
||||||
|
dateFormat YYYY-MM-DD
|
||||||
|
section Section
|
||||||
|
A task :a1, 2014-01-01, 30d
|
||||||
|
Another task :after a1 , 20d
|
||||||
|
section Another
|
||||||
|
Task in sec :2014-01-12 , 12d
|
||||||
|
another task : 24d
|
||||||
|
</div>
|
||||||
|
<script src="./bundle-test.js" charset="utf-8"></script>
|
||||||
|
</body>
|
||||||
|
|
||||||
|
</html>
|
Before Width: | Height: | Size: 39 KiB After Width: | Height: | Size: 36 KiB |
Before Width: | Height: | Size: 32 KiB After Width: | Height: | Size: 30 KiB |
Before Width: | Height: | Size: 38 KiB After Width: | Height: | Size: 37 KiB |
Before Width: | Height: | Size: 27 KiB After Width: | Height: | Size: 24 KiB |
Before Width: | Height: | Size: 21 KiB After Width: | Height: | Size: 20 KiB |
Before Width: | Height: | Size: 24 KiB After Width: | Height: | Size: 22 KiB |
Before Width: | Height: | Size: 23 KiB After Width: | Height: | Size: 24 KiB |
Before Width: | Height: | Size: 5.8 KiB After Width: | Height: | Size: 5.7 KiB |
Before Width: | Height: | Size: 47 KiB After Width: | Height: | Size: 41 KiB |
Before Width: | Height: | Size: 46 KiB After Width: | Height: | Size: 38 KiB |
After Width: | Height: | Size: 15 KiB |
|
@ -0,0 +1,16 @@
|
||||||
|
/* eslint-env jest */
|
||||||
|
const { toMatchImageSnapshot } = require('jest-image-snapshot')
|
||||||
|
|
||||||
|
expect.extend({ toMatchImageSnapshot })
|
||||||
|
|
||||||
|
describe('Sequencediagram', () => {
|
||||||
|
it('should render a simple sequence diagrams', async () => {
|
||||||
|
const url = 'http://localhost:9000/webpackUsage.html'
|
||||||
|
|
||||||
|
await page.goto(url)
|
||||||
|
|
||||||
|
const image = await page.screenshot()
|
||||||
|
|
||||||
|
expect(image).toMatchImageSnapshot()
|
||||||
|
})
|
||||||
|
})
|
|
@ -18,6 +18,7 @@
|
||||||
"release": "yarn build -p --config webpack.config.prod.babel.js",
|
"release": "yarn build -p --config webpack.config.prod.babel.js",
|
||||||
"lint": "standard",
|
"lint": "standard",
|
||||||
"e2e": "yarn lint && jest e2e --config e2e/jest.config.js",
|
"e2e": "yarn lint && jest e2e --config e2e/jest.config.js",
|
||||||
|
"dev": "yarn lint && webpack-dev-server --config webpack.config.e2e.js",
|
||||||
"test": "yarn lint && jest src",
|
"test": "yarn lint && jest src",
|
||||||
"test:watch": "jest --watch src",
|
"test:watch": "jest --watch src",
|
||||||
"jison": "node -r @babel/register node_modules/.bin/gulp jison",
|
"jison": "node -r @babel/register node_modules/.bin/gulp jison",
|
||||||
|
|
|
@ -28,7 +28,8 @@ module.exports = {
|
||||||
target: 'web',
|
target: 'web',
|
||||||
entry: {
|
entry: {
|
||||||
mermaid: './src/mermaid.js',
|
mermaid: './src/mermaid.js',
|
||||||
e2e: './e2e/platform/viewer.js'
|
e2e: './e2e/platform/viewer.js',
|
||||||
|
'bundle-test': './e2e/platform/bundle-test.js'
|
||||||
},
|
},
|
||||||
node: {
|
node: {
|
||||||
fs: 'empty' // jison generated code requires 'fs'
|
fs: 'empty' // jison generated code requires 'fs'
|
||||||
|
|