wisemapping-frontend/packages/mindplot/test/playground/layout/BalancedTestSuite.js

499 lines
20 KiB
JavaScript
Raw Normal View History

/*
2021-12-25 23:39:34 +01:00
* Copyright [2021] [wisemapping]
*
* Licensed under WiseMapping Public License, Version 1.0 (the "License").
* It is basically the Apache License, Version 2.0 (the "License") plus the
* "powered by wisemapping" text requirement on every single page;
* you may not use this file except in compliance with the License.
* You may obtain a copy of the license at
*
* http://www.wisemapping.org/license
*
* Unless required by applicable law or agreed to in writing, software
* distributed under the License is distributed on an "AS IS" BASIS,
* WITHOUT WARRANTIES OR CONDITIONS OF ANY KIND, either express or implied.
* See the License for the specific language governing permissions and
* limitations under the License.
*/
import $ from 'jquery';
import { $assert } from '@wisemapping/core-js';
import TestSuite from './TestSuite';
2021-12-04 01:11:17 +01:00
import LayoutManager from '../../../src/components/layout/LayoutManager';
2021-12-14 18:06:09 +01:00
class BalancedTestSuite extends TestSuite {
constructor() {
$('#balancedTest').css('display', 'block');
super();
this.testBalanced();
this.testBalancedPredict();
this.testBalancedNodeDragPredict();
}
testBalanced() {
console.log('testBalanced:');
const position = { x: 0, y: 0 };
const plotsize = { width: 1000, height: 200 };
2021-12-04 01:11:17 +01:00
const manager = new LayoutManager(0, TestSuite.ROOT_NODE_SIZE);
manager.addNode(1, TestSuite.NODE_SIZE, position);
manager.connectNode(0, 1, 0);
manager.layout();
manager.plot('testBalanced1', plotsize);
manager.addNode(2, TestSuite.NODE_SIZE, position);
manager.connectNode(0, 2, 1);
manager.layout();
manager.plot('testBalanced2', plotsize);
manager.addNode(3, TestSuite.NODE_SIZE, position);
manager.connectNode(0, 3, 2);
manager.layout();
manager.plot('testBalanced3', plotsize);
manager.addNode(4, TestSuite.NODE_SIZE, position);
manager.connectNode(0, 4, 3);
manager.layout();
manager.plot('testBalanced4', plotsize);
manager.addNode(5, TestSuite.NODE_SIZE, position);
manager.connectNode(0, 5, 4);
manager.layout();
manager.plot('testBalanced5', plotsize);
manager.addNode(6, TestSuite.NODE_SIZE, position);
manager.connectNode(0, 6, 5);
manager.layout();
manager.plot('testBalanced6', plotsize);
manager.addNode(7, TestSuite.NODE_SIZE, position);
manager.addNode(8, TestSuite.NODE_SIZE, position);
manager.addNode(9, TestSuite.NODE_SIZE, position);
manager.connectNode(3, 7, 0);
manager.connectNode(7, 8, 0);
manager.connectNode(7, 9, 1);
manager.layout();
manager.plot('testBalanced7', plotsize);
manager.addNode(10, TestSuite.NODE_SIZE, position);
manager.addNode(11, TestSuite.NODE_SIZE, position);
manager.addNode(12, TestSuite.NODE_SIZE, position);
manager.connectNode(6, 10, 0);
manager.connectNode(10, 11, 0);
manager.connectNode(10, 12, 1);
manager.layout();
manager.plot('testBalanced8', plotsize);
manager.addNode(13, TestSuite.NODE_SIZE, position);
manager.connectNode(0, 13, 4);
manager.layout();
manager.plot('testBalanced9', { width: 1000, height: 400 });
// Check orders have shifted accordingly
2022-12-10 20:15:36 +01:00
$assert(manager.find(5).getOrder() === 6, 'Node 5 should have order 6');
manager.addNode(14, TestSuite.NODE_SIZE, position);
manager.connectNode(0, 14, 5);
manager.layout();
manager.plot('testBalanced10', { width: 1000, height: 400 });
// Check orders have shifted accordingly
2022-12-10 20:15:36 +01:00
$assert(manager.find(6).getOrder() === 7, 'Node 6 should have order 7');
manager.addNode(15, TestSuite.NODE_SIZE, position);
manager.connectNode(0, 15, 4);
manager.layout();
manager.plot('testBalanced11', { width: 1000, height: 400 });
// Check orders have shifted accordingly
2022-12-10 20:15:36 +01:00
$assert(manager.find(13).getOrder() === 6, 'Node 13 should have order 6');
$assert(manager.find(5).getOrder() === 8, 'Node 5 should have order 8');
manager.addNode(16, TestSuite.NODE_SIZE, position);
manager.connectNode(0, 16, 25);
manager.layout();
manager.plot('testBalanced12', { width: 1000, height: 400 });
// Check orders have shifted accordingly
2022-12-10 20:15:36 +01:00
$assert(manager.find(16).getOrder() === 9, 'Node 16 should have order 9');
manager.addNode(17, TestSuite.NODE_SIZE, position);
manager.addNode(18, TestSuite.NODE_SIZE, position);
manager.addNode(19, TestSuite.NODE_SIZE, position);
manager.connectNode(0, 17, 11);
manager.connectNode(0, 18, 13);
manager.connectNode(0, 19, 10);
manager.layout();
manager.plot('testBalanced13', { width: 1000, height: 400 });
// Check that everything is ok
$assert(
manager.find(1).getPosition().x > manager.find(0).getPosition().x,
'even order nodes must be at right of central topic',
);
$assert(
manager.find(3).getPosition().x > manager.find(0).getPosition().x,
'even order nodes must be at right of central topic',
);
$assert(
manager.find(5).getPosition().x > manager.find(0).getPosition().x,
'even order nodes must be at right of central topic',
);
$assert(
manager.find(2).getPosition().x < manager.find(0).getPosition().x,
'odd order nodes must be at right of central topic',
);
$assert(
manager.find(4).getPosition().x < manager.find(0).getPosition().x,
'odd order nodes must be at right of central topic',
);
$assert(
manager.find(6).getPosition().x < manager.find(0).getPosition().x,
'odd order nodes must be at right of central topic',
);
$assert(
manager.find(7).getPosition().x > manager.find(3).getPosition().x,
'children of 1st level even order nodes must be to the right',
);
$assert(
manager.find(8).getPosition().x > manager.find(7).getPosition().x,
'children of 1st level even order nodes must be to the right',
);
$assert(
manager.find(9).getPosition().x > manager.find(7).getPosition().x,
'children of 1st level even order nodes must be to the right',
);
$assert(
manager.find(10).getPosition().x < manager.find(6).getPosition().x,
'children of 1st level odd order nodes must be to the left',
);
$assert(
manager.find(11).getPosition().x < manager.find(10).getPosition().x,
'children of 1st level odd order nodes must be to the left',
);
$assert(
manager.find(12).getPosition().x < manager.find(10).getPosition().x,
'children of 1st level odd order nodes must be to the left',
);
console.log('OK!\n\n');
}
testBalancedPredict() {
console.log('testBalancedPredict:');
const position = { x: 0, y: 0 };
2021-12-04 01:11:17 +01:00
const manager = new LayoutManager(0, TestSuite.ROOT_NODE_SIZE);
manager.addNode(1, TestSuite.NODE_SIZE, position);
manager.addNode(2, TestSuite.NODE_SIZE, position);
manager.addNode(3, TestSuite.NODE_SIZE, position);
manager.addNode(4, TestSuite.NODE_SIZE, position);
manager.addNode(5, TestSuite.NODE_SIZE, position);
manager.addNode(7, TestSuite.NODE_SIZE, position);
manager.addNode(8, TestSuite.NODE_SIZE, position);
manager.addNode(9, TestSuite.NODE_SIZE, position);
manager.addNode(10, TestSuite.NODE_SIZE, position);
manager.addNode(11, TestSuite.NODE_SIZE, position);
manager.connectNode(0, 1, 0);
manager.connectNode(0, 2, 1);
manager.connectNode(0, 3, 2);
manager.connectNode(0, 4, 3);
manager.connectNode(0, 5, 4);
manager.connectNode(4, 7, 0);
manager.connectNode(4, 8, 1);
manager.connectNode(8, 9, 0);
manager.connectNode(3, 10, 0);
manager.connectNode(3, 11, 1);
manager.layout();
// Graph 1
const graph1 = manager.plot('testBalancedPredict1', { width: 1000, height: 400 });
console.log('\tAdded as child of node 0 and dropped at (165, -70):');
const prediction1a = manager.predict(0, null, { x: 165, y: -70 });
this._plotPrediction(graph1, prediction1a);
$assert(
2022-07-13 03:58:11 +02:00
prediction1a.position.y < manager.find(1).getPosition().y &&
2022-12-10 20:15:36 +01:00
prediction1a.position.x === manager.find(1).getPosition().x,
'Prediction is incorrectly positioned',
);
2022-12-10 20:15:36 +01:00
$assert(prediction1a.order === 0, 'Prediction order should be 0');
console.log('\tAdded as child of node 0 and dropped at (165, -10):');
const prediction1b = manager.predict(0, null, { x: 165, y: -10 });
this._plotPrediction(graph1, prediction1b);
$assert(
2022-07-13 03:58:11 +02:00
prediction1b.position.y > manager.find(1).getPosition().y &&
2022-12-10 20:15:36 +01:00
prediction1b.position.y < manager.find(3).getPosition().y &&
prediction1b.position.x === manager.find(1).getPosition().x,
'Prediction is incorrectly positioned',
);
2022-12-10 20:15:36 +01:00
$assert(prediction1b.order === 2, 'Prediction order should be 2');
console.log('\tAdded as child of node 0 and dropped at (145, 15):');
const prediction1c = manager.predict(0, null, { x: 145, y: 15 });
this._plotPrediction(graph1, prediction1c);
$assert(
2022-07-13 03:58:11 +02:00
prediction1c.position.y > manager.find(3).getPosition().y &&
2022-12-10 20:15:36 +01:00
prediction1c.position.y < manager.find(5).getPosition().y &&
prediction1c.position.x === manager.find(3).getPosition().x,
'Prediction is incorrectly positioned',
);
2022-12-10 20:15:36 +01:00
$assert(prediction1c.order === 4, 'Prediction order should be 4');
console.log('\tAdded as child of node 0 and dropped at (145, 70):');
const prediction1d = manager.predict(0, null, { x: 145, y: 70 });
this._plotPrediction(graph1, prediction1d);
$assert(
2022-07-13 03:58:11 +02:00
prediction1d.position.y > manager.find(5).getPosition().y &&
2022-12-10 20:15:36 +01:00
prediction1d.position.x === manager.find(5).getPosition().x,
'Prediction is incorrectly positioned',
);
2022-12-10 20:15:36 +01:00
$assert(prediction1d.order === 6, 'Prediction order should be 6');
// Graph 2
const graph2 = manager.plot('testBalancedPredict2', { width: 1000, height: 400 });
console.log('\tAdded as child of node 0 and dropped at (-145, -50):');
const prediction2a = manager.predict(0, null, { x: -145, y: -50 });
this._plotPrediction(graph2, prediction2a);
$assert(
2022-07-13 03:58:11 +02:00
prediction2a.position.y < manager.find(2).getPosition().y &&
2022-12-10 20:15:36 +01:00
prediction2a.position.x === manager.find(2).getPosition().x,
'Prediction is incorrectly positioned',
);
2022-12-10 20:15:36 +01:00
$assert(prediction2a.order === 1, 'Prediction order should be 1');
console.log('\tAdded as child of node 0 and dropped at (-145, -10):');
const prediction2b = manager.predict(0, null, { x: -145, y: -10 });
this._plotPrediction(graph2, prediction2b);
$assert(
2022-07-13 03:58:11 +02:00
prediction2b.position.y > manager.find(2).getPosition().y &&
2022-12-10 20:15:36 +01:00
prediction2b.position.y < manager.find(4).getPosition().y &&
prediction2b.position.x === manager.find(2).getPosition().x,
'Prediction is incorrectly positioned',
);
2022-12-10 20:15:36 +01:00
$assert(prediction2b.order === 3, 'Prediction order should be 3');
console.log('\tAdded as child of node 0 and dropped at (-145, 40):');
const prediction2c = manager.predict(0, null, { x: -145, y: 400 });
this._plotPrediction(graph2, prediction2c);
$assert(
2022-07-13 03:58:11 +02:00
prediction2c.position.y > manager.find(4).getPosition().y &&
2022-12-10 20:15:36 +01:00
prediction2c.position.x === manager.find(4).getPosition().x,
'Prediction is incorrectly positioned',
);
2022-12-10 20:15:36 +01:00
$assert(prediction2c.order === 5, 'Prediction order should be 5');
// Graph 3
console.log('\tPredict nodes added with no position:');
const graph3 = manager.plot('testBalancedPredict3', { width: 1000, height: 400 });
const prediction3 = manager.predict(0, null, null);
this._plotPrediction(graph3, prediction3);
$assert(
2022-07-13 03:58:11 +02:00
prediction3.position.y > manager.find(4).getPosition().y &&
2022-12-10 20:15:36 +01:00
prediction3.position.x === manager.find(4).getPosition().x,
'Prediction is incorrectly positioned',
);
2022-12-10 20:15:36 +01:00
$assert(prediction3.order === 5, 'Prediction order should be 5');
console.log('\tPredict nodes added with no position:');
manager.addNode(6, TestSuite.NODE_SIZE, prediction3.position);
manager.connectNode(0, 6, prediction3.order);
manager.layout();
const graph4 = manager.plot('testBalancedPredict4', { width: 1000, height: 400 });
const prediction4 = manager.predict(0, null, null);
this._plotPrediction(graph4, prediction4);
$assert(
2022-07-13 03:58:11 +02:00
prediction4.position.y > manager.find(5).getPosition().y &&
2022-12-10 20:15:36 +01:00
prediction4.position.x === manager.find(5).getPosition().x,
'Prediction is incorrectly positioned',
);
2022-12-10 20:15:36 +01:00
$assert(prediction4.order === 6, 'Prediction order should be 6');
console.log('\tPredict nodes added only a root node:');
2022-07-13 03:58:11 +02:00
manager.removeNode(1).removeNode(2).removeNode(3).removeNode(4).removeNode(5);
manager.layout();
const graph5 = manager.plot('testBalancedPredict5', { width: 1000, height: 400 });
const prediction5a = manager.predict(0, null, null);
const prediction5b = manager.predict(0, null, { x: 40, y: 100 });
this._plotPrediction(graph5, prediction5a);
this._plotPrediction(graph5, prediction5b);
$assert(
2022-07-13 03:58:11 +02:00
prediction5a.position.x > manager.find(0).getPosition().x &&
2022-12-10 20:15:36 +01:00
prediction5a.position.y === manager.find(0).getPosition().y,
'Prediction is incorrectly positioned',
);
2022-12-10 20:15:36 +01:00
$assert(prediction5a.order === 0, 'Prediction order should be 0');
$assert(
2022-12-10 20:15:36 +01:00
prediction5a.position.x === prediction5b.position.x &&
prediction5a.position.y === prediction5b.position.y,
'Both predictions should be the same',
);
2022-12-10 20:15:36 +01:00
$assert(prediction5a.order === prediction5b.order, 'Both predictions should be the same');
console.log('OK!\n\n');
}
testBalancedNodeDragPredict() {
console.log('testBalancedNodeDragPredict:');
const position = { x: 0, y: 0 };
2021-12-04 01:11:17 +01:00
const manager = new LayoutManager(0, TestSuite.ROOT_NODE_SIZE);
// Graph 1
manager.addNode(1, TestSuite.NODE_SIZE, position).connectNode(0, 1, 0);
manager.layout();
const graph1 = manager.plot('testBalancedNodeDragPredict1', { width: 800, height: 400 });
const prediction1a = manager.predict(0, 1, { x: 50, y: 50 });
this._plotPrediction(graph1, prediction1a);
$assert(
2022-12-10 20:15:36 +01:00
prediction1a.position.x === manager.find(1).getPosition().x &&
prediction1a.position.y === manager.find(1).getPosition().y,
'Prediction position should be the same as node 1',
);
$assert(
2022-12-10 20:15:36 +01:00
prediction1a.order === manager.find(1).getOrder(),
'Prediction order should be the same as node 1',
);
const prediction1b = manager.predict(0, 1, { x: 50, y: -50 });
this._plotPrediction(graph1, prediction1b);
$assert(
2022-12-10 20:15:36 +01:00
prediction1b.position.x === manager.find(1).getPosition().x &&
prediction1b.position.y === manager.find(1).getPosition().y,
'Prediction position should be the same as node 1',
);
$assert(
2022-12-10 20:15:36 +01:00
prediction1b.order === manager.find(1).getOrder(),
'Prediction order should be the same as node 1',
);
const prediction1c = manager.predict(0, 1, { x: -50, y: 50 });
this._plotPrediction(graph1, prediction1c);
$assert(
2022-07-13 03:58:11 +02:00
prediction1c.position.x < manager.find(0).getPosition().x &&
2022-12-10 20:15:36 +01:00
prediction1c.position.y === manager.find(0).getPosition().y,
'Prediction is incorrectly positioned',
);
2022-12-10 20:15:36 +01:00
$assert(prediction1c.order === 1, 'Prediction order should be the same as node 1');
const prediction1d = manager.predict(0, 1, { x: -50, y: -50 });
this._plotPrediction(graph1, prediction1d);
$assert(
2022-07-13 03:58:11 +02:00
prediction1d.position.x < manager.find(0).getPosition().x &&
2022-12-10 20:15:36 +01:00
prediction1d.position.y === manager.find(0).getPosition().y,
'Prediction is incorrectly positioned',
);
2022-12-10 20:15:36 +01:00
$assert(prediction1d.order === 1, 'Prediction order should be the same as node 1');
// Graph 2
manager.disconnectNode(1);
manager.connectNode(0, 1, 1);
manager.layout();
const graph2 = manager.plot('testBalancedNodeDragPredict2', { width: 800, height: 400 });
const prediction2a = manager.predict(0, 1, { x: 50, y: 50 });
this._plotPrediction(graph2, prediction2a);
$assert(
2022-07-13 03:58:11 +02:00
prediction2a.position.x > manager.find(0).getPosition().x &&
2022-12-10 20:15:36 +01:00
prediction2a.position.y === manager.find(0).getPosition().y,
'Prediction is positioned incorrectly',
);
2022-12-10 20:15:36 +01:00
$assert(prediction2a.order === 0, 'Prediction order should be 0');
const prediction2b = manager.predict(0, 1, { x: 50, y: -50 });
this._plotPrediction(graph2, prediction2b);
$assert(
2022-07-13 03:58:11 +02:00
prediction2b.position.x > manager.find(0).getPosition().x &&
2022-12-10 20:15:36 +01:00
prediction2b.position.y === manager.find(0).getPosition().y,
'Prediction is positioned incorrectly',
);
2022-12-10 20:15:36 +01:00
$assert(prediction2b.order === 0, 'Prediction order should be 0');
const prediction2c = manager.predict(0, 1, { x: -50, y: 50 });
this._plotPrediction(graph2, prediction2c);
$assert(
2022-12-10 20:15:36 +01:00
prediction2c.position.x === manager.find(1).getPosition().x &&
prediction2c.position.y === manager.find(1).getPosition().y,
'Prediction position should be the same as node 1',
);
$assert(
2022-12-10 20:15:36 +01:00
prediction2c.order === manager.find(1).getOrder(),
'Prediction order should be the same as node 1',
);
const prediction2d = manager.predict(0, 1, { x: -50, y: -50 });
this._plotPrediction(graph2, prediction2d);
$assert(
2022-12-10 20:15:36 +01:00
prediction2d.position.x === manager.find(1).getPosition().x &&
prediction2d.position.y === manager.find(1).getPosition().y,
'Prediction position should be the same as node 1',
);
$assert(
2022-12-10 20:15:36 +01:00
prediction2d.order === manager.find(1).getOrder(),
'Prediction order should be the same as node 1',
);
// Graph 3
manager.disconnectNode(1);
manager.connectNode(0, 1, 0);
manager.addNode(2, TestSuite.NODE_SIZE, position).connectNode(0, 2, 2);
manager.layout();
const graph3 = manager.plot('testBalancedNodeDragPredict3', { width: 800, height: 400 });
const prediction3a = manager.predict(0, 1, { x: 50, y: 50 });
this._plotPrediction(graph3, prediction3a);
$assert(
2022-12-10 20:15:36 +01:00
prediction3a.position.x === manager.find(2).getPosition().x &&
prediction3a.position.y > manager.find(2).getPosition().y,
'Prediction is incorrectly positioned',
);
2022-12-10 20:15:36 +01:00
$assert(prediction3a.order === 4, 'Prediction order should be 4');
const prediction3b = manager.predict(0, 1, { x: 50, y: -50 });
this._plotPrediction(graph3, prediction3b);
$assert(
2022-12-10 20:15:36 +01:00
prediction3b.position.x === manager.find(1).getPosition().x &&
prediction3b.position.y === manager.find(1).getPosition().y &&
prediction3b.order === manager.find(1).getOrder(),
'Prediction should be the exact same as dragged node',
);
const prediction3c = manager.predict(0, 1, { x: -50, y: 50 });
this._plotPrediction(graph3, prediction3c);
$assert(
2022-07-13 03:58:11 +02:00
prediction3c.position.x < manager.find(0).getPosition().x &&
2022-12-10 20:15:36 +01:00
prediction3c.position.y === manager.find(0).getPosition().y,
'Prediction is incorrectly positioned',
);
2022-12-10 20:15:36 +01:00
$assert(prediction3c.order === 1, 'Prediction order should be 1');
const prediction3d = manager.predict(0, 1, { x: -50, y: -50 });
this._plotPrediction(graph3, prediction3d);
$assert(
2022-07-13 03:58:11 +02:00
prediction3d.position.x < manager.find(0).getPosition().x &&
2022-12-10 20:15:36 +01:00
prediction3d.position.y === manager.find(0).getPosition().y,
'Prediction is incorrectly positioned',
);
2022-12-10 20:15:36 +01:00
$assert(prediction3d.order === 1, 'Prediction order should be 1');
const prediction3e = manager.predict(0, 1, { x: 50, y: 0 });
this._plotPrediction(graph3, prediction3e);
$assert(
2022-12-10 20:15:36 +01:00
prediction3e.position.x === manager.find(1).getPosition().x &&
prediction3e.position.y === manager.find(1).getPosition().y,
'Prediction position should be the same as node 1',
);
$assert(
2022-12-10 20:15:36 +01:00
prediction3e.order === manager.find(1).getOrder(),
'Prediction order should be the same as node 1',
);
console.log('OK!\n\n');
}
}
export default BalancedTestSuite;