Elgato_dark/idraw
1
0
Fork 0
mirror of https://github.com/idrawjs/idraw synced 2026-05-24 01:58:27 +00:00
Code Issues Projects Releases Packages Wiki Activity Actions

feat: add e2e test for core's api

Browse source
This commit is contained in:
chenshenhai 2021-08-16 10:58:15 +08:00
parent 74c7966f7f
commit 8b5995dfb3
3 changed files with 127 additions and 31 deletions
Show stats Download patch file Download diff file Expand all files Collapse all files

114
packages/core/examples/test/api.html
View file

@ -43,15 +43,21 @@
<body>
<div class="list">
<div class="box" id="mount-1">
<div class="box" id="idraw-opts">
<div class="title">Options Common</div>
</div>
<div class="box" id="mount-2">
<div class="box" id="idraw-opts-onlyRender">
<div class="title">Options onlyRender</div>
</div>
<div class="box" id="mount-3">
<div class="box" id="idraw-config">
<div class="title">Config</div>
</div>
<div class="box" id="idraw-api-setData">
<div class="title">idraw.setData</div>
</div>
<div class="box" id="idraw-api-resetSize">
<div class="title">idraw.resetSize</div>
</div>
</div>
<script src="./../../dist/index.global.js"></script>
@ -107,9 +113,10 @@
};
</script>
<script type="module">
import event from './../../../../scripts/browser/event.js';
// Options Common
import event from './../../../../scripts/browser/event.js';
(function() {
const mount = document.querySelector('#mount-1');
const mount = document.querySelector('#idraw-opts');
const core = new Core(mount, opts, config);
core.addElement(elemText1);
setTimeout(() => {
@ -118,9 +125,10 @@
})();
</script>
<script type="module">
// Options onlyRender
import event from './../../../../scripts/browser/event.js';
(function() {
const mount = document.querySelector('#mount-2');
const mount = document.querySelector('#idraw-opts-onlyRender');
const core = new Core(mount, Object.assign({}, opts, {
onlyRender: true,
}), config);
@ -131,11 +139,11 @@
})();
</script>
<script type="module">
// Config
import event from './../../../../scripts/browser/event.js';
(function() {
const mount = document.querySelector('#mount-3');
const core = new Core(
mount,
const mount = document.querySelector('#idraw-config');
const core = new Core(mount,
Object.assign({}, opts, {
contextWidth: 700,
contextHeight: 500,
@ -161,5 +169,93 @@
})();
</script>
<script type="module">
// idraw-api-setData
import { getData } from './data.js';
import event from './../../../../scripts/browser/event.js';
(function() {
const mount = document.querySelector('#idraw-api-setData');
const data = getData();
const core = new Core(
mount,
Object.assign({}, opts, {
contextWidth: 700,
contextHeight: 500,
}),
{
scrollWrapper: {
use: true,
},
}
);
core.setData(data);
setTimeout(() => {
event.mouseDown({ x: 100, y: 400 })
}, 20);
})();
</script>
<script type="module">
// idraw-api-resetSize
import { getData } from './data.js';
import event from './../../../../scripts/browser/event.js';
(function() {
const mount = document.querySelector('#idraw-api-resetSize');
const data = getData();
const core = new Core(
mount,
Object.assign({}, opts, {
contextWidth: 700,
contextHeight: 500,
}),
{
scrollWrapper: {
use: true,
},
}
);
core.setData(data);
setTimeout(() => {
core.resetSize({
width: 280,
height: 160,
contextWidth: 600,
contextHeight: 500,
})
}, 20)
})();
</script>
<script type="module">
// idraw-api-selectElement
import { getData } from './data.js';
import event from './../../../../scripts/browser/event.js';
(function() {
const mount = document.querySelector('#idraw-api-resetSize');
const data = getData();
const core = new Core(
mount,
Object.assign({}, opts, {
contextWidth: 700,
contextHeight: 500,
}),
{
scrollWrapper: {
use: true,
},
}
);
core.setData(data);
setTimeout(() => {
core.resetSize({
width: 280,
height: 160,
contextWidth: 600,
contextHeight: 500,
})
}, 20)
})();
</script>
</body>
</html>

42
packages/core/examples/test/data.js
View file

File diff suppressed because one or more lines are too long

2
packages/core/src/lib/config.ts
View file

@ -5,7 +5,7 @@ const defaultConfig: TypeConfigStrict = {
elementWrapper: {
color: '#2ab6f1',
lockColor: '#aaaaaa',
dotSize: 8,
dotSize: 6,
lineWidth: 1,
lineDash: [4, 3],
}