// Copyright 2009 The Closure Library Authors. All Rights Reserved.
//
// Licensed under the Apache License, Version 2.0 (the "License");
// you may not use this file except in compliance with the License.
// You may obtain a copy of the License at
//
// http://www.apache.org/licenses/LICENSE-2.0
//
// 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.
goog.provide('goog.ui.tree.BaseNodeTest');
goog.setTestOnly('goog.ui.tree.BaseNodeTest');
goog.require('goog.a11y.aria');
goog.require('goog.dom');
goog.require('goog.dom.TagName');
goog.require('goog.dom.classlist');
goog.require('goog.html.testing');
goog.require('goog.testing.jsunit');
goog.require('goog.ui.Component');
goog.require('goog.ui.tree.BaseNode');
goog.require('goog.ui.tree.TreeControl');
goog.require('goog.ui.tree.TreeNode');
function testAdd() {
var node1 = new goog.ui.tree.TreeNode('node1');
var node2 = new goog.ui.tree.TreeNode('node2');
var node3 = new goog.ui.tree.TreeNode('node3');
var node4 = new goog.ui.tree.TreeNode('node4');
assertEquals('node2 added', node2, node1.add(node2));
assertEquals('node3 added', node3, node1.add(node3));
assertEquals('node4 added', node4, node1.add(node4, node3));
assertEquals('node1 has 3 children', 3, node1.getChildCount());
assertEquals('first child', node2, node1.getChildAt(0));
assertEquals('second child', node4, node1.getChildAt(1));
assertEquals('third child', node3, node1.getChildAt(2));
assertNull('node1 has no parent', node1.getParent());
assertEquals('the parent of node2 is node1', node1, node2.getParent());
assertEquals('node4 moved under node2', node4, node2.add(node4));
assertEquals('node1 has 2 children', 2, node1.getChildCount());
assertEquals('node2 has 1 child', 1, node2.getChildCount());
assertEquals('the child of node2 is node4', node4, node2.getChildAt(0));
assertEquals('the parent of node4 is node2', node2, node4.getParent());
}
function testAriaExpandedFalseSetByDefaultOnParentAfterAddChild() {
var tree = new goog.ui.tree.TreeControl('root');
var node1 = new goog.ui.tree.TreeNode('node1');
var nodeA = new goog.ui.tree.TreeNode('nodeA');
tree.render(goog.dom.createDom(goog.dom.TagName.DIV));
tree.addChild(node1);
assertFalse(
'node1 should not have aria-expanded state',
goog.a11y.aria.hasState(node1.getElement(), 'expanded'));
node1.add(nodeA);
assertEquals(
'node1 should have aria-expanded state', 'false',
goog.a11y.aria.getState(node1.getElement(), 'expanded'));
}
function testAriaExpandedSetProperlyAfterSetExpandedCalledOnLeafNode() {
var tree = new goog.ui.tree.TreeControl('root');
var node1 = new goog.ui.tree.TreeNode('node1');
var nodeA = new goog.ui.tree.TreeNode('nodeA');
tree.render(goog.dom.createDom(goog.dom.TagName.DIV));
tree.addChild(node1);
assertFalse(
'node1 should not have aria-expanded state',
goog.a11y.aria.hasState(node1.getElement(), 'expanded'));
node1.setExpanded(true);
node1.add(nodeA);
assertEquals(
'node1 should have aria-expanded=true', 'true',
goog.a11y.aria.getState(node1.getElement(), 'expanded'));
}
function testExpandIconAfterAddChild() {
var tree = new goog.ui.tree.TreeControl('root');
var node1 = new goog.ui.tree.TreeNode('node1');
var node2 = new goog.ui.tree.TreeNode('node2');
tree.render(goog.dom.createDom(goog.dom.TagName.DIV));
tree.addChild(node1);
node1.addChild(node2);
assertTrue(
'expand icon of node1 changed to L+',
goog.dom.classlist.contains(
node1.getExpandIconElement(), 'goog-tree-expand-icon-lplus'));
node1.removeChild(node2);
assertFalse(
'expand icon of node1 changed back to L',
goog.dom.classlist.contains(
node1.getExpandIconElement(), 'goog-tree-expand-icon-lplus'));
}
function testExpandEvents() {
var n = new goog.ui.tree.BaseNode('');
n.getTree = function() {};
var expanded = false;
n.setExpanded(expanded);
assertEquals(expanded, n.getExpanded());
var callCount = 0;
n.addEventListener(
goog.ui.tree.BaseNode.EventType.BEFORE_EXPAND, function(e) {
assertEquals(expanded, n.getExpanded());
callCount++;
});
n.addEventListener(goog.ui.tree.BaseNode.EventType.EXPAND, function(e) {
assertEquals(!expanded, n.getExpanded());
callCount++;
});
n.setExpanded(!expanded);
assertEquals(2, callCount);
}
function testExpandEvents2() {
var n = new goog.ui.tree.BaseNode('');
n.getTree = function() {};
var expanded = true;
n.setExpanded(expanded);
assertEquals(expanded, n.getExpanded());
var callCount = 0;
n.addEventListener(
goog.ui.tree.BaseNode.EventType.BEFORE_COLLAPSE, function(e) {
assertEquals(expanded, n.getExpanded());
callCount++;
});
n.addEventListener(goog.ui.tree.BaseNode.EventType.COLLAPSE, function(e) {
assertEquals(!expanded, n.getExpanded());
callCount++;
});
n.setExpanded(!expanded);
assertEquals(2, callCount);
}
function testExpandEventsPreventDefault() {
var n = new goog.ui.tree.BaseNode('');
n.getTree = function() {};
var expanded = true;
n.setExpanded(expanded);
assertEquals(expanded, n.getExpanded());
var callCount = 0;
n.addEventListener(
goog.ui.tree.BaseNode.EventType.BEFORE_COLLAPSE, function(e) {
assertEquals(expanded, n.getExpanded());
e.preventDefault();
callCount++;
});
n.addEventListener(goog.ui.tree.BaseNode.EventType.COLLAPSE, function(e) {
fail('Should not fire COLLAPSE');
});
n.setExpanded(!expanded);
assertEquals(1, callCount);
}
function testExpandEventsPreventDefault2() {
var n = new goog.ui.tree.BaseNode('');
n.getTree = function() {};
var expanded = false;
n.setExpanded(expanded);
assertEquals(expanded, n.getExpanded());
var callCount = 0;
n.addEventListener(
goog.ui.tree.BaseNode.EventType.BEFORE_EXPAND, function(e) {
assertEquals(expanded, n.getExpanded());
e.preventDefault();
callCount++;
});
n.addEventListener(goog.ui.tree.BaseNode.EventType.EXPAND, function(e) {
fail('Should not fire EXPAND');
});
n.setExpanded(!expanded);
assertEquals(1, callCount);
}
function testRemoveChild() {
var tree = new goog.ui.tree.TreeControl('root');
var node1 = new goog.ui.tree.TreeNode('node1');
var nodeA = new goog.ui.tree.TreeNode('nodeA');
var nodeB = new goog.ui.tree.TreeNode('nodeB');
tree.render(goog.dom.createDom(goog.dom.TagName.DIV));
tree.addChild(node1);
node1.add(nodeA);
node1.add(nodeB);
node1.removeChild(nodeA);
assertFalse(
'nodeA should be removed from tree of node1', node1.contains(nodeA));
assertTrue(
'node1 still has children; node1 should still have aria-expanded state',
goog.a11y.aria.hasState(node1.getElement(), 'expanded'));
}
function testRemoveLastChildRemovesAriaExpandedState() {
var tree = new goog.ui.tree.TreeControl('root');
var node1 = new goog.ui.tree.TreeNode('node1');
var node2 = new goog.ui.tree.TreeNode('node2');
tree.render(goog.dom.createDom(goog.dom.TagName.DIV));
tree.addChild(node1);
node1.add(node2);
node1.removeChild(node2);
assertFalse(
'node1 has no more children; node1 should not have aria-expanded state',
goog.a11y.aria.hasState(node1.getElement(), 'expanded'));
}
function testGetNextShownNode() {
var tree = new goog.ui.tree.TreeControl('tree');
assertNull('next node for unpopulated tree', tree.getNextShownNode());
var node1 = new goog.ui.tree.TreeNode('node1');
var node2 = new goog.ui.tree.TreeNode('node2');
var node3 = new goog.ui.tree.TreeNode('node3');
node1.add(node2);
node1.add(node3);
assertNull('next node for unexpanded node1', node1.getNextShownNode());
node1.expand();
assertEquals('next node for expanded node1', node2, node1.getNextShownNode());
assertEquals('next node for node2', node3, node2.getNextShownNode());
assertNull('next node for node3', node3.getNextShownNode());
tree.add(node1);
assertEquals('next node for populated tree', node1, tree.getNextShownNode());
assertNull('next node for node3 inside the tree', node3.getNextShownNode());
var component = new goog.ui.Component();
component.addChild(tree);
assertNull(
'next node for node3 inside the tree if the tree has parent',
node3.getNextShownNode());
}
function testGetPreviousShownNode() {
var tree = new goog.ui.tree.TreeControl('tree');
assertNull('next node for unpopulated tree', tree.getPreviousShownNode());
var node1 = new goog.ui.tree.TreeNode('node1');
var node2 = new goog.ui.tree.TreeNode('node2');
var node3 = new goog.ui.tree.TreeNode('node3');
tree.add(node1);
node1.add(node2);
tree.add(node3);
assertEquals(
'prev node for node3 when node1 is unexpanded', node1,
node3.getPreviousShownNode());
node1.expand();
assertEquals(
'prev node for node3 when node1 is expanded', node2,
node3.getPreviousShownNode());
assertEquals(
'prev node for node2 when node1 is expanded', node1,
node2.getPreviousShownNode());
assertEquals(
'prev node for node1 when root is shown', tree,
node1.getPreviousShownNode());
tree.setShowRootNode(false);
assertNull(
'next node for node1 when root is not shown',
node1.getPreviousShownNode());
var component = new goog.ui.Component();
component.addChild(tree);
assertNull(
'prev node for root if the tree has parent', tree.getPreviousShownNode());
}
function testInvisibleNodesInUnrenderedTree() {
var tree = new goog.ui.tree.TreeControl('tree');
var a = new goog.ui.tree.TreeNode('a');
var b = new goog.ui.tree.TreeNode('b');
tree.add(a);
a.add(b);
tree.render();
var textContent =
tree.getElement().textContent || tree.getElement().innerText;
assertContains('Node should be rendered.', 'tree', textContent);
assertContains('Node should be rendered.', 'a', textContent);
assertNotContains(
'Unexpanded node child should not be rendered.', 'b', textContent);
a.expand();
var textContent =
tree.getElement().textContent || tree.getElement().innerText;
assertContains('Node should be rendered.', 'tree', textContent);
assertContains('Node should be rendered.', 'a', textContent);
assertContains('Expanded node child should be rendered.', 'b', textContent);
tree.dispose();
}
function testInvisibleNodesInRenderedTree() {
var tree = new goog.ui.tree.TreeControl('tree');
tree.render();
var a = new goog.ui.tree.TreeNode('a');
var b = new goog.ui.tree.TreeNode('b');
tree.add(a);
a.add(b);
var textContent =
tree.getElement().textContent || tree.getElement().innerText;
assertContains('Node should be rendered.', 'tree', textContent);
assertContains('Node should be rendered.', 'a', textContent);
assertNotContains(
'Unexpanded node child should not be rendered.', 'b', textContent);
a.expand();
var textContent =
tree.getElement().textContent || tree.getElement().innerText;
assertContains('Node should be rendered.', 'tree', textContent);
assertContains('Node should be rendered.', 'a', textContent);
assertContains('Expanded node child should be rendered.', 'b', textContent);
tree.dispose();
}
function testConstructor() {
var tree = new goog.ui.tree.TreeControl('tree');
assertEquals('tree', tree.getHtml());
tree = new goog.ui.tree.TreeControl(
goog.html.testing.newSafeHtmlForTest('tree'));
assertEquals('tree', tree.getHtml());
}
function testConstructor_allowsPlainText() {
var tree = new goog.ui.tree.TreeControl('tree <3');
assertEquals('tree <3', tree.getHtml());
}
function testSetSafeHtml() {
var tree = new goog.ui.tree.TreeControl('');
tree.setSafeHtml(goog.html.testing.newSafeHtmlForTest('tree'));
assertEquals('tree', tree.getHtml());
}