catapult/tracing/tracing/ui/base/dom_helpers_test.html - platform/external/chromium-trace - Git at Google

 <!DOCTYPE html>
 <!--
 Copyright (c) 2014 The Chromium Authors. All rights reserved.
 Use of this source code is governed by a BSD-style license that can be
 found in the LICENSE file.
 -->
 <link rel="import" href="/tracing/ui/base/dom_helpers.html">
 <script>
 'use strict';

 tr.b.unittest.testSuite(function() {
   var THIS_DOC = document.currentScript.ownerDocument;

   test('simpleSpanAndDiv', function() {
     var divEl = tr.ui.b.createDiv({
       className: 'a-div-class', parent: document.body
     });
     var testText = 'some span text';
     var spanEl = tr.ui.b.createSpan({
       className: 'a-span-class',
       textContent: testText,
       parent: divEl
     });
     var eltInDocument = Polymer.dom(document)
         .querySelector('.a-div-class>.a-span-class');
     assert.equal(Polymer.dom(eltInDocument).textContent, testText);
     Polymer.dom(eltInDocument.parentElement).removeChild(eltInDocument);
   });

   test('createSpan_ownerDocument', function() {
     var spanEl = tr.ui.b.createSpan({
       className: 'a-span-class',
       bold: true,
       ownerDocument: THIS_DOC
     });
     assert.strictEqual(spanEl.ownerDocument, THIS_DOC);
   });

   test('checkboxFromDefaults', function() {
     var target = {foo: undefined};
     var cb = tr.ui.b.createCheckBox(target, 'foo', 'myCheckBox', false, 'Foo');
     assert.isFalse(target.foo);
   });

   test('checkboxFromSettings', function() {
     tr.b.Settings.set('myCheckBox', true);
     var target = {foo: undefined};
     var cb = tr.ui.b.createCheckBox(target, 'foo', 'myCheckBox', false, 'Foo');
     assert.isTrue(target.foo);
   });

   test('checkboxChanged', function() {
     var target = {foo: undefined};
     var cb = tr.ui.b.createCheckBox(target, 'foo', 'myCheckBox', false, 'Foo');
     cb.checked = true;

     assert.isTrue(tr.b.Settings.get('myCheckBox', undefined));
     assert.isTrue(target.foo);
   });

   test('selectorSettingsAlreaySet', function() {
     tr.b.Settings.set('myScale', 0.25);

     var target = {
       scale: 314
     };
     var sel = tr.ui.b.createSelector(
         target, 'scale',
         'myScale', 0.375,
         [{label: '6.25%', value: 0.0625},
          {label: '12.5%', value: 0.125},
          {label: '25%', value: 0.25},
          {label: '37.5%', value: 0.375},
          {label: '50%', value: 0.5},
          {label: '75%', value: 0.75},
          {label: '100%', value: 1},
          {label: '200%', value: 2}
         ]);
     assert.equal(target.scale, 0.25);
     assert.equal(sel.selectedIndex, 2);
   });

   test('selectorSettingsDefault', function() {
     var target = {
       scale: 314
     };
     var sel = tr.ui.b.createSelector(
         target, 'scale',
         'myScale', 0.375,
         [{label: '6.25%', value: 0.0625},
          {label: '12.5%', value: 0.125},
          {label: '25%', value: 0.25},
          {label: '37.5%', value: 0.375},
          {label: '50%', value: 0.5},
          {label: '75%', value: 0.75},
          {label: '100%', value: 1},
          {label: '200%', value: 2}
         ]);
     assert.equal(target.scale, 0.375);
     assert.equal(sel.selectedIndex, 3);
   });

   test('selectorSettingsChanged', function() {
     var target = {
       scale: 314
     };
     var sel = tr.ui.b.createSelector(
         target, 'scale',
         'myScale', 0.375,
         [{label: '6.25%', value: 0.0625},
          {label: '12.5%', value: 0.125},
          {label: '25%', value: 0.25},
          {label: '37.5%', value: 0.375},
          {label: '50%', value: 0.5},
          {label: '75%', value: 0.75},
          {label: '100%', value: 1},
          {label: '200%', value: 2}
         ]);
     assert.equal(sel.selectedValue, 0.375);
     sel.selectedValue = 0.75;
     assert.equal(target.scale, 0.75);
     assert.equal(sel.selectedValue, 0.75);
     assert.equal(undefined), 0.75, tr.b.Settings.get('myScale');
   });

   test('asHTMLOrTextNode_string', function() {
     // Default owner document.
     var node = tr.ui.b.asHTMLOrTextNode('Hello, World!');
     assert.instanceOf(node, Node);
     assert.equal(Polymer.dom(node).textContent, 'Hello, World!');
     assert.strictEqual(node.ownerDocument, document);

     // Custom owner document.
     var node = tr.ui.b.asHTMLOrTextNode('Bye, World!', THIS_DOC);
     assert.instanceOf(node, Node);
     assert.equal(Polymer.dom(node).textContent, 'Bye, World!');
     assert.strictEqual(node.ownerDocument, THIS_DOC);
   });

   test('asHTMLOrTextNode_node', function() {
     // Node object. Owner document should NOT be modified.
     var node = document.createTextNode('Hi', THIS_DOC);
     assert.strictEqual(tr.ui.b.asHTMLOrTextNode(node), node);
     assert.strictEqual(node.ownerDocument, document);

     // HTMLElement object. Owner document should NOT be modified.
     var node = THIS_DOC.createElement('div');
     assert.strictEqual(tr.ui.b.asHTMLOrTextNode(node), node);
     assert.strictEqual(node.ownerDocument, THIS_DOC);
   });
 });
 </script>
	<!DOCTYPE html>
	<!--
	Copyright (c) 2014 The Chromium Authors. All rights reserved.
	Use of this source code is governed by a BSD-style license that can be
	found in the LICENSE file.
	-->
	<link rel="import" href="/tracing/ui/base/dom_helpers.html">
	<script>
	'use strict';

	tr.b.unittest.testSuite(function() {
	var THIS_DOC = document.currentScript.ownerDocument;

	test('simpleSpanAndDiv', function() {
	var divEl = tr.ui.b.createDiv({
	className: 'a-div-class', parent: document.body
	});
	var testText = 'some span text';
	var spanEl = tr.ui.b.createSpan({
	className: 'a-span-class',
	textContent: testText,
	parent: divEl
	});
	var eltInDocument = Polymer.dom(document)
	.querySelector('.a-div-class>.a-span-class');
	assert.equal(Polymer.dom(eltInDocument).textContent, testText);
	Polymer.dom(eltInDocument.parentElement).removeChild(eltInDocument);
	});

	test('createSpan_ownerDocument', function() {
	var spanEl = tr.ui.b.createSpan({
	className: 'a-span-class',
	bold: true,
	ownerDocument: THIS_DOC
	});
	assert.strictEqual(spanEl.ownerDocument, THIS_DOC);
	});

	test('checkboxFromDefaults', function() {
	var target = {foo: undefined};
	var cb = tr.ui.b.createCheckBox(target, 'foo', 'myCheckBox', false, 'Foo');
	assert.isFalse(target.foo);
	});

	test('checkboxFromSettings', function() {
	tr.b.Settings.set('myCheckBox', true);
	var target = {foo: undefined};
	var cb = tr.ui.b.createCheckBox(target, 'foo', 'myCheckBox', false, 'Foo');
	assert.isTrue(target.foo);
	});

	test('checkboxChanged', function() {
	var target = {foo: undefined};
	var cb = tr.ui.b.createCheckBox(target, 'foo', 'myCheckBox', false, 'Foo');
	cb.checked = true;

	assert.isTrue(tr.b.Settings.get('myCheckBox', undefined));
	assert.isTrue(target.foo);
	});

	test('selectorSettingsAlreaySet', function() {
	tr.b.Settings.set('myScale', 0.25);

	var target = {
	scale: 314
	};
	var sel = tr.ui.b.createSelector(
	target, 'scale',
	'myScale', 0.375,
	[{label: '6.25%', value: 0.0625},
	{label: '12.5%', value: 0.125},
	{label: '25%', value: 0.25},
	{label: '37.5%', value: 0.375},
	{label: '50%', value: 0.5},
	{label: '75%', value: 0.75},
	{label: '100%', value: 1},
	{label: '200%', value: 2}
	]);
	assert.equal(target.scale, 0.25);
	assert.equal(sel.selectedIndex, 2);
	});

	test('selectorSettingsDefault', function() {
	var target = {
	scale: 314
	};
	var sel = tr.ui.b.createSelector(
	target, 'scale',
	'myScale', 0.375,
	[{label: '6.25%', value: 0.0625},
	{label: '12.5%', value: 0.125},
	{label: '25%', value: 0.25},
	{label: '37.5%', value: 0.375},
	{label: '50%', value: 0.5},
	{label: '75%', value: 0.75},
	{label: '100%', value: 1},
	{label: '200%', value: 2}
	]);
	assert.equal(target.scale, 0.375);
	assert.equal(sel.selectedIndex, 3);
	});

	test('selectorSettingsChanged', function() {
	var target = {
	scale: 314
	};
	var sel = tr.ui.b.createSelector(
	target, 'scale',
	'myScale', 0.375,
	[{label: '6.25%', value: 0.0625},
	{label: '12.5%', value: 0.125},
	{label: '25%', value: 0.25},
	{label: '37.5%', value: 0.375},
	{label: '50%', value: 0.5},
	{label: '75%', value: 0.75},
	{label: '100%', value: 1},
	{label: '200%', value: 2}
	]);
	assert.equal(sel.selectedValue, 0.375);
	sel.selectedValue = 0.75;
	assert.equal(target.scale, 0.75);
	assert.equal(sel.selectedValue, 0.75);
	assert.equal(undefined), 0.75, tr.b.Settings.get('myScale');
	});

	test('asHTMLOrTextNode_string', function() {
	// Default owner document.
	var node = tr.ui.b.asHTMLOrTextNode('Hello, World!');
	assert.instanceOf(node, Node);
	assert.equal(Polymer.dom(node).textContent, 'Hello, World!');
	assert.strictEqual(node.ownerDocument, document);

	// Custom owner document.
	var node = tr.ui.b.asHTMLOrTextNode('Bye, World!', THIS_DOC);
	assert.instanceOf(node, Node);
	assert.equal(Polymer.dom(node).textContent, 'Bye, World!');
	assert.strictEqual(node.ownerDocument, THIS_DOC);
	});

	test('asHTMLOrTextNode_node', function() {
	// Node object. Owner document should NOT be modified.
	var node = document.createTextNode('Hi', THIS_DOC);
	assert.strictEqual(tr.ui.b.asHTMLOrTextNode(node), node);
	assert.strictEqual(node.ownerDocument, document);

	// HTMLElement object. Owner document should NOT be modified.
	var node = THIS_DOC.createElement('div');
	assert.strictEqual(tr.ui.b.asHTMLOrTextNode(node), node);
	assert.strictEqual(node.ownerDocument, THIS_DOC);
	});
	});
	</script>