test/g6
1
0
Fork 0
mirror of https://gitee.com/antv/g6.git synced 2024-12-04 20:59:15 +08:00
Code Issues Actions 6 Packages Projects Releases Wiki Activity

test: performance force update

Browse Source
This commit is contained in:
Yanyan-Wang 2021-05-31 10:09:25 +08:00 committed by Yanyan Wang
parent 967c9077ad
commit f3c8f987e8
5 changed files with 143 additions and 32 deletions
Show Stats Download Patch File Download Diff File Expand all files Collapse all files

54
packages/pc/tests/unit/performance/data1-spec.ts
View File

@ -54,7 +54,7 @@ describe('graph', () => {
document.body.appendChild(stats.dom); document.body.appendChild(stats.dom);
it('first render', done => { it.only('first render', done => {
fetch('https://gw.alipayobjects.com/os/basement_prod/da5a1b47-37d6-44d7-8d10-f3e046dabf82.json') fetch('https://gw.alipayobjects.com/os/basement_prod/da5a1b47-37d6-44d7-8d10-f3e046dabf82.json')
.then((res) => res.json()) .then((res) => res.json())
.then((data) => { .then((data) => {
@ -70,7 +70,7 @@ describe('graph', () => {
done(); done();
}); });
}); });
it('global refresh: drag', done => { it.only('global refresh: drag', done => {
let begin, duration = 0; let begin, duration = 0;
for (let i = 0; i < TIMES; i ++) { for (let i = 0; i < TIMES; i ++) {
begin = performance.now(); begin = performance.now();
@ -83,19 +83,19 @@ describe('graph', () => {
graph.fitCenter(); graph.fitCenter();
// fps monitor loops // fps monitor loops
// let count = 0; let count = 0;
// let currentPos = 150; let currentPos = 150;
// function animate() { function animate() {
// stats.update(); stats.update();
// graph.emit('dragstart', { clientX: currentPos, clientY: currentPos, target: graph.get('canvas') }); graph.emit('dragstart', { clientX: currentPos, clientY: currentPos, target: graph.get('canvas') });
// if (Math.round(count / 100) % 2) currentPos += 5; if (Math.round(count / 100) % 2) currentPos += 5;
// else currentPos -= 5; else currentPos -= 5;
// graph.emit('drag', { clientX: currentPos, clientY: currentPos, target: graph.get('canvas') }); graph.emit('drag', { clientX: currentPos, clientY: currentPos, target: graph.get('canvas') });
// graph.emit('dragend', { clientX: currentPos, clientY: currentPos }); graph.emit('dragend', { clientX: currentPos, clientY: currentPos });
// count ++; count ++;
// requestAnimationFrame( animate ); requestAnimationFrame( animate );
// } }
// requestAnimationFrame( animate ); requestAnimationFrame( animate );
done() done()
}); });
it('global refresh: zoom', done => { it('global refresh: zoom', done => {
@ -221,4 +221,28 @@ describe('graph', () => {
console.log(`ave time (${TIMES} times) for clearing all states on one item: `, duration / TIMES, 'ms') console.log(`ave time (${TIMES} times) for clearing all states on one item: `, duration / TIMES, 'ms')
done() done()
}); });
xit('force layout FPS', done => {
// fps monitor loops
graph.set('minZoom', 0.000001);
graph.fitView();
const funcs = [];
graph.updateLayout({
type: 'force',
tick: () => {
funcs.push(() => {});
}
});
function animate() {
stats.update();
const func = funcs.pop();
if (func) func();
requestAnimationFrame( animate );
}
requestAnimationFrame(animate);
done();
});
}); });

54
packages/pc/tests/unit/performance/data2-spec.ts
View File

@ -54,7 +54,7 @@ describe('graph', () => {
document.body.appendChild(stats.dom); document.body.appendChild(stats.dom);
it('first render', done => { it.only('first render', done => {
fetch('https://gw.alipayobjects.com/os/bmw-prod/f0b6af53-7013-40ea-ae12-a24c89a0f960.json') fetch('https://gw.alipayobjects.com/os/bmw-prod/f0b6af53-7013-40ea-ae12-a24c89a0f960.json')
.then((res) => res.json()) .then((res) => res.json())
.then((data) => { .then((data) => {
@ -68,7 +68,7 @@ describe('graph', () => {
done(); done();
}); });
}); });
it('global refresh: drag', done => { it.only('global refresh: drag', done => {
let begin, duration = 0; let begin, duration = 0;
for (let i = 0; i < TIMES; i ++) { for (let i = 0; i < TIMES; i ++) {
begin = performance.now(); begin = performance.now();
@ -80,20 +80,20 @@ describe('graph', () => {
console.log(`ave time (${TIMES} times) for dragging canvas: `, duration / TIMES, 'ms') console.log(`ave time (${TIMES} times) for dragging canvas: `, duration / TIMES, 'ms')
graph.fitCenter(); graph.fitCenter();
// // fps monitor loops // fps monitor loops
// let count = 0; let count = 0;
// let currentPos = 150; let currentPos = 150;
// function animate() { function animate() {
// stats.update(); stats.update();
// graph.emit('dragstart', { clientX: currentPos, clientY: currentPos, target: graph.get('canvas') }); graph.emit('dragstart', { clientX: currentPos, clientY: currentPos, target: graph.get('canvas') });
// if (Math.round(count / 100) % 2) currentPos += 5; if (Math.round(count / 100) % 2) currentPos += 5;
// else currentPos -= 5; else currentPos -= 5;
// graph.emit('drag', { clientX: currentPos, clientY: currentPos, target: graph.get('canvas') }); graph.emit('drag', { clientX: currentPos, clientY: currentPos, target: graph.get('canvas') });
// graph.emit('dragend', { clientX: currentPos, clientY: currentPos }); graph.emit('dragend', { clientX: currentPos, clientY: currentPos });
// count ++; count ++;
// requestAnimationFrame( animate ); requestAnimationFrame( animate );
// } }
// requestAnimationFrame( animate ); requestAnimationFrame( animate );
done() done()
}); });
it('global refresh: zoom', done => { it('global refresh: zoom', done => {
@ -219,4 +219,26 @@ describe('graph', () => {
console.log(`ave time (${TIMES} times) for clearing all states on one item: `, duration / TIMES, 'ms') console.log(`ave time (${TIMES} times) for clearing all states on one item: `, duration / TIMES, 'ms')
done() done()
}); });
xit('force layout(force, gForce, FA2) FPS', done => {
// fps monitor loops
graph.set('minZoom', 0.000001);
graph.fitView();
const funcs = [];
graph.updateLayout({
type: 'force',
tick: () => {
funcs.push(() => {});
}
});
function animate() {
stats.update();
const func = funcs.pop();
if (func) func();
requestAnimationFrame( animate );
}
requestAnimationFrame(animate);
done();
});
}); });

22
packages/pc/tests/unit/performance/data3-spec.ts
View File

@ -239,4 +239,26 @@ describe('graph', () => {
console.log(`ave time (${TIMES} times) for clearing all states on one item: `, duration / TIMES, 'ms') console.log(`ave time (${TIMES} times) for clearing all states on one item: `, duration / TIMES, 'ms')
done() done()
}); });
xit('force layout(force, gForce, FA2) FPS', done => {
// fps monitor loops
graph.set('minZoom', 0.000001);
graph.fitView();
const funcs = [];
graph.updateLayout({
type: 'force',
tick: () => {
funcs.push(() => {});
}
});
function animate() {
stats.update();
const func = funcs.pop();
if (func) func();
requestAnimationFrame( animate );
}
requestAnimationFrame(animate);
done();
});
}); });

22
packages/pc/tests/unit/performance/data4-spec.ts
View File

@ -243,4 +243,26 @@ describe('graph', () => {
console.log(`ave time (${TIMES} times) for clearing all states on one item: `, duration / TIMES, 'ms') console.log(`ave time (${TIMES} times) for clearing all states on one item: `, duration / TIMES, 'ms')
done() done()
}); });
xit('force layout(force, gForce, FA2) FPS', done => {
// fps monitor loops
graph.set('minZoom', 0.000001);
graph.fitView();
const funcs = [];
graph.updateLayout({
type: 'force',
tick: () => {
funcs.push(() => {});
}
});
function animate() {
stats.update();
const func = funcs.pop();
if (func) func();
requestAnimationFrame( animate );
}
requestAnimationFrame(animate);
done();
});
}); });

23
packages/pc/tests/unit/performance/world-cup-spec.ts
View File

@ -65,7 +65,6 @@ describe('graph', () => {
stats.showPanel(0); stats.showPanel(0);
document.body.appendChild(stats.dom); document.body.appendChild(stats.dom);
it('first render', done => { it('first render', done => {
const colors = [ const colors = [
'#5F95FF', // blue '#5F95FF', // blue
@ -261,4 +260,26 @@ describe('graph', () => {
console.log(`ave time (${TIMES} times) for clearing all states on one item: `, duration / TIMES, 'ms') console.log(`ave time (${TIMES} times) for clearing all states on one item: `, duration / TIMES, 'ms')
done() done()
}); });
xit('force layout FPS', done => {
// fps monitor loops
graph.set('minZoom', 0.000001);
graph.fitView();
const funcs = [];
graph.updateLayout({
type: 'force',
tick: () => {
funcs.push(() => {});
}
});
function animate() {
stats.update();
const func = funcs.pop();
if (func) func();
requestAnimationFrame( animate );
}
requestAnimationFrame(animate);
done();
});
}); });