new ui with AdminLTE
This commit is contained in:
@ -0,0 +1,31 @@
|
||||
<!DOCTYPE html>
|
||||
<html>
|
||||
<head>
|
||||
<meta charset="utf-8">
|
||||
<title>Raphael Test Suite</title>
|
||||
<link rel="stylesheet" href="../../node_modules/qunitjs/qunit/qunit.css" />
|
||||
</head>
|
||||
<body>
|
||||
<div id="qunit"></div>
|
||||
<div id="qunit-fixture"></div>
|
||||
|
||||
<script type="text/javascript" src="../../node_modules/qunitjs/qunit/qunit.js"></script>
|
||||
<script type="text/javascript" src="../../raphael.js"></script>
|
||||
|
||||
<script type="text/javascript">
|
||||
(function() {
|
||||
var tests = [
|
||||
"dom"
|
||||
];
|
||||
var typeFolder = Raphael.type.toLowerCase();
|
||||
|
||||
for (var i = 0; i < tests.length; i++) {
|
||||
var s = document.createElement('script');
|
||||
s.type = "text/javascript";
|
||||
s.src = typeFolder + "/" + tests[i] + ".js";
|
||||
document.body.appendChild(s);
|
||||
}
|
||||
})();
|
||||
</script>
|
||||
</body>
|
||||
</html>
|
||||
@ -0,0 +1,316 @@
|
||||
(function (assert) {
|
||||
|
||||
let paper,
|
||||
url = 'http://raphaeljs.com';
|
||||
|
||||
QUnit.module('DOM', {
|
||||
beforeEach: function () {
|
||||
paper = new Raphael(document.getElementById('qunit-fixture'), 1000, 1000);
|
||||
},
|
||||
afterEach: function () {
|
||||
paper.remove();
|
||||
}
|
||||
});
|
||||
|
||||
const equalNodePosition = function (assert, node, expectedParent, expectedPreviousSibling, expectedNextSibling) {
|
||||
assert.equal(node.parentNode, expectedParent);
|
||||
assert.equal(node.previousSibling, expectedPreviousSibling);
|
||||
assert.equal(node.nextSibling, expectedNextSibling);
|
||||
};
|
||||
|
||||
const equalNodePositionWrapped = function (assert, node, anchor, expectedParent, expectedPreviousSibling, expectedNextSibling) {
|
||||
assert.equal(node.parentNode, anchor);
|
||||
equalNodePosition(assert, anchor, expectedParent, expectedPreviousSibling, expectedNextSibling);
|
||||
};
|
||||
|
||||
// Element#insertBefore
|
||||
// --------------------
|
||||
|
||||
QUnit.test('insertBefore: no element', function (assert) {
|
||||
const el = paper.rect();
|
||||
|
||||
el.insertBefore(null);
|
||||
|
||||
equalNodePosition(assert, el.node, paper.canvas, paper.defs, null);
|
||||
});
|
||||
|
||||
QUnit.test('insertBefore: first element', function (assert) {
|
||||
const x = paper.rect();
|
||||
const el = paper.rect();
|
||||
|
||||
el.insertBefore(x);
|
||||
|
||||
equalNodePosition(assert, el.node, paper.canvas, paper.defs, x.node);
|
||||
});
|
||||
|
||||
QUnit.test('insertBefore: middle element', function (assert) {
|
||||
const x = paper.rect();
|
||||
const y = paper.rect();
|
||||
const el = paper.rect();
|
||||
|
||||
el.insertBefore(y);
|
||||
|
||||
equalNodePosition(assert, el.node, paper.canvas, x.node, y.node);
|
||||
});
|
||||
|
||||
QUnit.test('insertBefore: no element when wrapped in <a>', function (assert) {
|
||||
const el = paper.rect().attr('href', url),
|
||||
anchor = el.node.parentNode;
|
||||
|
||||
el.insertBefore(null);
|
||||
|
||||
equalNodePositionWrapped(assert, el.node, anchor, paper.canvas, paper.defs, null);
|
||||
});
|
||||
|
||||
QUnit.test('insertBefore: first element when wrapped in <a>', function (assert) {
|
||||
const x = paper.rect();
|
||||
const el = paper.rect().attr('href', url),
|
||||
anchor = el.node.parentNode;
|
||||
|
||||
el.insertBefore(x);
|
||||
|
||||
equalNodePositionWrapped(assert, el.node, anchor, paper.canvas, paper.defs, x.node);
|
||||
});
|
||||
|
||||
QUnit.test('insertBefore: first element wrapped in <a> and wrapped in <a>', function (assert) {
|
||||
const x = paper.rect().attr('href', url),
|
||||
xAnchor = x.node.parentNode;
|
||||
const el = paper.rect().attr('href', url),
|
||||
anchor = el.node.parentNode;
|
||||
|
||||
el.insertBefore(x);
|
||||
|
||||
equalNodePositionWrapped(assert, el.node, anchor, paper.canvas, paper.defs, xAnchor);
|
||||
});
|
||||
|
||||
QUnit.test('insertBefore: middle element when wrapped in <a>', function (assert) {
|
||||
const x = paper.rect();
|
||||
const y = paper.rect();
|
||||
const el = paper.rect().attr('href', url),
|
||||
anchor = el.node.parentNode;
|
||||
|
||||
el.insertBefore(y);
|
||||
|
||||
equalNodePositionWrapped(assert, el.node, anchor, paper.canvas, x.node, y.node);
|
||||
});
|
||||
|
||||
QUnit.test('insertBefore: middle element wrapped in <a> and wrapped in <a>', function (assert) {
|
||||
const x = paper.rect().attr('href', url),
|
||||
xAnchor = x.node.parentNode;
|
||||
const y = paper.rect().attr('href', url),
|
||||
yAnchor = y.node.parentNode;
|
||||
const el = paper.rect().attr('href', url),
|
||||
anchor = el.node.parentNode;
|
||||
|
||||
el.insertBefore(y);
|
||||
|
||||
equalNodePositionWrapped(assert, el.node, anchor, paper.canvas, xAnchor, yAnchor);
|
||||
});
|
||||
|
||||
// TODO...
|
||||
// insertBefore: with set
|
||||
// insertBefore: with nested set.
|
||||
|
||||
// Element#insertAfter
|
||||
// -------------------
|
||||
|
||||
QUnit.test('insertAfter: no element', function (assert) {
|
||||
const el = paper.rect();
|
||||
|
||||
el.insertAfter(null);
|
||||
|
||||
equalNodePosition(assert, el.node, paper.canvas, paper.defs, null);
|
||||
});
|
||||
|
||||
QUnit.test('insertAfter: last element', function (assert) {
|
||||
const x = paper.rect();
|
||||
const el = paper.rect();
|
||||
|
||||
el.insertAfter(x);
|
||||
|
||||
equalNodePosition(assert, el.node, paper.canvas, x.node, null);
|
||||
});
|
||||
|
||||
QUnit.test('insertAfter: middle element', function (assert) {
|
||||
const x = paper.rect();
|
||||
const y = paper.rect();
|
||||
const el = paper.rect();
|
||||
|
||||
el.insertAfter(x);
|
||||
|
||||
equalNodePosition(assert, el.node, paper.canvas, x.node, y.node);
|
||||
});
|
||||
|
||||
QUnit.test('insertAfter: no element when wrapped in <a>', function (assert) {
|
||||
const el = paper.rect().attr('href', url),
|
||||
anchor = el.node.parentNode;
|
||||
|
||||
el.insertAfter(null);
|
||||
|
||||
equalNodePositionWrapped(assert, el.node, anchor, paper.canvas, paper.defs, null);
|
||||
});
|
||||
|
||||
QUnit.test('insertAfter: last element when wrapped in <a>', function (assert) {
|
||||
const x = paper.rect();
|
||||
const el = paper.rect().attr('href', url),
|
||||
anchor = el.node.parentNode;
|
||||
|
||||
el.insertAfter(x);
|
||||
|
||||
equalNodePositionWrapped(assert, el.node, anchor, paper.canvas, x.node, null);
|
||||
});
|
||||
|
||||
QUnit.test('insertAfter: last element wrapped in <a> and wrapped in <a>', function (assert) {
|
||||
const x = paper.rect().attr('href', url),
|
||||
xAnchor = x.node.parentNode;
|
||||
const el = paper.rect().attr('href', url),
|
||||
anchor = el.node.parentNode;
|
||||
|
||||
el.insertAfter(x);
|
||||
|
||||
equalNodePositionWrapped(assert, el.node, anchor, paper.canvas, xAnchor, null);
|
||||
});
|
||||
|
||||
QUnit.test('insertAfter: middle element when wrapped in <a>', function (assert) {
|
||||
const x = paper.rect();
|
||||
const y = paper.rect();
|
||||
const el = paper.rect().attr('href', url),
|
||||
anchor = el.node.parentNode;
|
||||
|
||||
el.insertAfter(x);
|
||||
|
||||
equalNodePositionWrapped(assert, el.node, anchor, paper.canvas, x.node, y.node);
|
||||
});
|
||||
|
||||
QUnit.test('insertAfter: middle element wrapped in <a> and wrapped in <a>', function (assert) {
|
||||
const x = paper.rect().attr('href', url),
|
||||
xAnchor = x.node.parentNode;
|
||||
const y = paper.rect().attr('href', url),
|
||||
yAnchor = y.node.parentNode;
|
||||
const el = paper.rect().attr('href', url),
|
||||
anchor = el.node.parentNode;
|
||||
|
||||
el.insertAfter(x);
|
||||
|
||||
equalNodePositionWrapped(assert, el.node, anchor, paper.canvas, xAnchor, yAnchor);
|
||||
});
|
||||
|
||||
// TODO...
|
||||
// insertAfter: with set
|
||||
// insertAfter: with nested set.
|
||||
|
||||
// Element#remove
|
||||
// --------------
|
||||
|
||||
QUnit.test('remove: after added', function (assert) {
|
||||
const el = paper.rect(),
|
||||
node = el.node;
|
||||
|
||||
el.remove();
|
||||
|
||||
assert.equal(el.node, null);
|
||||
assert.equal(node.parentNode, null);
|
||||
});
|
||||
|
||||
QUnit.test('remove: when wrapped in <a>', function (assert) {
|
||||
const el = paper.rect().attr('href', url),
|
||||
node = el.node,
|
||||
anchor = node.parentNode;
|
||||
|
||||
el.remove();
|
||||
|
||||
assert.equal(el.node, null);
|
||||
assert.equal(node.parentNode, anchor);
|
||||
assert.equal(anchor.parentNode, null);
|
||||
});
|
||||
|
||||
QUnit.test('remove: when already removed', function (assert) {
|
||||
const el = paper.rect(),
|
||||
node = el.node;
|
||||
|
||||
el.remove();
|
||||
el.remove();
|
||||
|
||||
assert.equal(el.node, null);
|
||||
assert.equal(node.parentNode, null);
|
||||
});
|
||||
|
||||
QUnit.test('remove: when the canvas is removed', function (assert) {
|
||||
const el = paper.rect(),
|
||||
node = el.node;
|
||||
|
||||
paper.remove();
|
||||
el.remove();
|
||||
|
||||
assert.equal(el.node, null);
|
||||
assert.equal(node.parentNode, null);
|
||||
});
|
||||
|
||||
// Element#toFront
|
||||
// --------------
|
||||
|
||||
QUnit.test('toFront: normal', function (assert) {
|
||||
const el = paper.rect();
|
||||
const x = paper.rect();
|
||||
|
||||
el.toFront();
|
||||
|
||||
equalNodePosition(assert, el.node, paper.canvas, x.node, null);
|
||||
});
|
||||
|
||||
QUnit.test('toFront: when wrapped in <a>', function (assert) {
|
||||
const el = paper.rect().attr('href', url),
|
||||
anchor = el.node.parentNode;
|
||||
const x = paper.rect();
|
||||
|
||||
el.toFront();
|
||||
|
||||
equalNodePositionWrapped(assert, el.node, anchor, paper.canvas, x.node, null);
|
||||
});
|
||||
|
||||
// Element#toBack
|
||||
// --------------
|
||||
|
||||
QUnit.test('toBack: normal', function (assert) {
|
||||
const x = paper.rect();
|
||||
const el = paper.rect();
|
||||
|
||||
el.toBack();
|
||||
|
||||
equalNodePosition(assert, el.node, paper.canvas, null, paper.desc);
|
||||
equalNodePosition(assert, x.node, paper.canvas, paper.defs, null);
|
||||
});
|
||||
|
||||
QUnit.test('toBack: when wrapped in <a>', function (assert) {
|
||||
const x = paper.rect();
|
||||
const el = paper.rect().attr('href', url),
|
||||
anchor = el.node.parentNode;
|
||||
|
||||
el.toBack();
|
||||
|
||||
equalNodePositionWrapped(assert, el.node, anchor, paper.canvas, null, paper.desc);
|
||||
equalNodePosition(assert, x.node, paper.canvas, paper.defs, null);
|
||||
});
|
||||
|
||||
|
||||
// Element#attrs
|
||||
// -------------
|
||||
|
||||
// #x
|
||||
|
||||
// #y
|
||||
|
||||
// #rx
|
||||
|
||||
// #ry
|
||||
|
||||
// #transform
|
||||
|
||||
// #title
|
||||
|
||||
// #href
|
||||
|
||||
//keep adding and testing!
|
||||
|
||||
|
||||
})();
|
||||
@ -0,0 +1,5 @@
|
||||
(function() {
|
||||
|
||||
QUnit.module('DOM');
|
||||
|
||||
})();
|
||||
Reference in New Issue
Block a user