diff --git a/e2e/platform/bundle-test.js b/e2e/platform/bundle-test.js new file mode 100644 index 000000000..29fe5955b --- /dev/null +++ b/e2e/platform/bundle-test.js @@ -0,0 +1,10 @@ +import mermaid from '../../dist/mermaid.core' + +mermaid.initialize({ + theme: 'forest', + gantt: { axisFormatter: [ + ['%Y-%m-%d', (d) => { + return d.getDay() === 1 + }] + ] } +}) diff --git a/e2e/platform/webpackUsage.html b/e2e/platform/webpackUsage.html new file mode 100644 index 000000000..32123d902 --- /dev/null +++ b/e2e/platform/webpackUsage.html @@ -0,0 +1,23 @@ + + + + +
+graph LR +A-->B +
+
+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 +
+ + + + \ No newline at end of file diff --git a/e2e/spec/__image_snapshots__/class-diagram-spec-js-sequencediagram-should-render-a-simple-class-diagrams-1-snap.png b/e2e/spec/__image_snapshots__/class-diagram-spec-js-sequencediagram-should-render-a-simple-class-diagrams-1-snap.png index 7beeb0245..e46a76856 100644 Binary files a/e2e/spec/__image_snapshots__/class-diagram-spec-js-sequencediagram-should-render-a-simple-class-diagrams-1-snap.png and b/e2e/spec/__image_snapshots__/class-diagram-spec-js-sequencediagram-should-render-a-simple-class-diagrams-1-snap.png differ diff --git a/e2e/spec/__image_snapshots__/flowchart-spec-js-flowcart-should-render-a-flowchart-full-of-circles-1-snap.png b/e2e/spec/__image_snapshots__/flowchart-spec-js-flowcart-should-render-a-flowchart-full-of-circles-1-snap.png index c6d41377d..2bd733c15 100644 Binary files a/e2e/spec/__image_snapshots__/flowchart-spec-js-flowcart-should-render-a-flowchart-full-of-circles-1-snap.png and b/e2e/spec/__image_snapshots__/flowchart-spec-js-flowcart-should-render-a-flowchart-full-of-circles-1-snap.png differ diff --git a/e2e/spec/__image_snapshots__/flowchart-spec-js-flowcart-should-render-a-flowchart-full-of-icons-1-snap.png b/e2e/spec/__image_snapshots__/flowchart-spec-js-flowcart-should-render-a-flowchart-full-of-icons-1-snap.png index 5e31b9cca..c2b24abb3 100644 Binary files a/e2e/spec/__image_snapshots__/flowchart-spec-js-flowcart-should-render-a-flowchart-full-of-icons-1-snap.png and b/e2e/spec/__image_snapshots__/flowchart-spec-js-flowcart-should-render-a-flowchart-full-of-icons-1-snap.png differ diff --git a/e2e/spec/__image_snapshots__/flowchart-spec-js-flowcart-should-render-a-flowchart-with-ling-sames-and-class-definitoins-1-snap.png b/e2e/spec/__image_snapshots__/flowchart-spec-js-flowcart-should-render-a-flowchart-with-ling-sames-and-class-definitoins-1-snap.png index fd172ccc5..62082b701 100644 Binary files a/e2e/spec/__image_snapshots__/flowchart-spec-js-flowcart-should-render-a-flowchart-with-ling-sames-and-class-definitoins-1-snap.png and b/e2e/spec/__image_snapshots__/flowchart-spec-js-flowcart-should-render-a-flowchart-with-ling-sames-and-class-definitoins-1-snap.png differ diff --git a/e2e/spec/__image_snapshots__/flowchart-spec-js-flowcart-should-render-a-simple-flowchart-1-snap.png b/e2e/spec/__image_snapshots__/flowchart-spec-js-flowcart-should-render-a-simple-flowchart-1-snap.png index ca54fc54b..d2fd38786 100644 Binary files a/e2e/spec/__image_snapshots__/flowchart-spec-js-flowcart-should-render-a-simple-flowchart-1-snap.png and b/e2e/spec/__image_snapshots__/flowchart-spec-js-flowcart-should-render-a-simple-flowchart-1-snap.png differ diff --git a/e2e/spec/__image_snapshots__/flowchart-spec-js-flowcart-should-render-a-simple-flowchart-with-line-breaks-1-snap.png b/e2e/spec/__image_snapshots__/flowchart-spec-js-flowcart-should-render-a-simple-flowchart-with-line-breaks-1-snap.png index 3c8e666ec..f321bb0b1 100644 Binary files a/e2e/spec/__image_snapshots__/flowchart-spec-js-flowcart-should-render-a-simple-flowchart-with-line-breaks-1-snap.png and b/e2e/spec/__image_snapshots__/flowchart-spec-js-flowcart-should-render-a-simple-flowchart-with-line-breaks-1-snap.png differ diff --git a/e2e/spec/__image_snapshots__/flowchart-spec-js-flowcart-should-render-styled-subgraphs-1-snap.png b/e2e/spec/__image_snapshots__/flowchart-spec-js-flowcart-should-render-styled-subgraphs-1-snap.png index e2a6b9454..561c6d80d 100644 Binary files a/e2e/spec/__image_snapshots__/flowchart-spec-js-flowcart-should-render-styled-subgraphs-1-snap.png and b/e2e/spec/__image_snapshots__/flowchart-spec-js-flowcart-should-render-styled-subgraphs-1-snap.png differ diff --git a/e2e/spec/__image_snapshots__/flowchart-spec-js-flowcart-should-render-subgraphs-1-snap.png b/e2e/spec/__image_snapshots__/flowchart-spec-js-flowcart-should-render-subgraphs-1-snap.png index d9022b64f..66a53f5a9 100644 Binary files a/e2e/spec/__image_snapshots__/flowchart-spec-js-flowcart-should-render-subgraphs-1-snap.png and b/e2e/spec/__image_snapshots__/flowchart-spec-js-flowcart-should-render-subgraphs-1-snap.png differ diff --git a/e2e/spec/__image_snapshots__/gantt-spec-js-sequencediagram-should-render-a-gantt-chart-1-snap.png b/e2e/spec/__image_snapshots__/gantt-spec-js-sequencediagram-should-render-a-gantt-chart-1-snap.png index 61e47ed4a..7ed6f65ca 100644 Binary files a/e2e/spec/__image_snapshots__/gantt-spec-js-sequencediagram-should-render-a-gantt-chart-1-snap.png and b/e2e/spec/__image_snapshots__/gantt-spec-js-sequencediagram-should-render-a-gantt-chart-1-snap.png differ diff --git a/e2e/spec/__image_snapshots__/sequencediagram-spec-js-sequencediagram-should-render-a-simple-sequence-diagrams-1-snap.png b/e2e/spec/__image_snapshots__/sequencediagram-spec-js-sequencediagram-should-render-a-simple-sequence-diagrams-1-snap.png index fe6735ab3..e029d234c 100644 Binary files a/e2e/spec/__image_snapshots__/sequencediagram-spec-js-sequencediagram-should-render-a-simple-sequence-diagrams-1-snap.png and b/e2e/spec/__image_snapshots__/sequencediagram-spec-js-sequencediagram-should-render-a-simple-sequence-diagrams-1-snap.png differ diff --git a/e2e/spec/__image_snapshots__/webpack-usage-spec-js-sequencediagram-should-render-a-simple-sequence-diagrams-1-snap.png b/e2e/spec/__image_snapshots__/webpack-usage-spec-js-sequencediagram-should-render-a-simple-sequence-diagrams-1-snap.png new file mode 100644 index 000000000..9a8b3f2b6 Binary files /dev/null and b/e2e/spec/__image_snapshots__/webpack-usage-spec-js-sequencediagram-should-render-a-simple-sequence-diagrams-1-snap.png differ diff --git a/e2e/spec/webpackUsage.spec.js b/e2e/spec/webpackUsage.spec.js new file mode 100644 index 000000000..88aafc9f2 --- /dev/null +++ b/e2e/spec/webpackUsage.spec.js @@ -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() + }) +}) diff --git a/package.json b/package.json index 40f1e699c..0950144c4 100644 --- a/package.json +++ b/package.json @@ -18,6 +18,7 @@ "release": "yarn build -p --config webpack.config.prod.babel.js", "lint": "standard", "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:watch": "jest --watch src", "jison": "node -r @babel/register node_modules/.bin/gulp jison", diff --git a/webpack.config.e2e.js b/webpack.config.e2e.js index 38d01b449..ae9641a7a 100644 --- a/webpack.config.e2e.js +++ b/webpack.config.e2e.js @@ -28,7 +28,8 @@ module.exports = { target: 'web', entry: { mermaid: './src/mermaid.js', - e2e: './e2e/platform/viewer.js' + e2e: './e2e/platform/viewer.js', + 'bundle-test': './e2e/platform/bundle-test.js' }, node: { fs: 'empty' // jison generated code requires 'fs'