javascript/webdriver/test/atoms/inject/dom_test.html - external/github.com/SeleniumHQ/selenium - Git at Google

 <!DOCTYPE html>
 <!--
 Copyright 2011 WebDriver committers
 Copyright 2011 Google Inc.

 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.
 -->
 <html>
 <head>
   <meta charset="utf-8">
   <title>dom_test.html</title>
   <link rel="stylesheet" href="/filez/_main/third_party/js/qunit/qunit.css">
   <script src="/filez/_main/third_party/js/qunit/qunit.js"></script>
   <script src="/filez/_main/third_party/js/qunit/qunit_test_runner.js"></script>
   <script src="../../test_bootstrap.js"></script>
   <script src="../../../atoms/inject/deps.js"></script>
   <script type="text/javascript">
     goog.require('goog.array');
     goog.require('goog.dom');
     goog.require('goog.style');
     goog.require('webdriver.atoms.element');
     goog.require('webdriver.atoms.inject.dom');
     goog.require('webdriver.atoms.inject.frame');
     goog.require('webdriver.atoms.inject.locators');
   </script>

   <script type="text/javascript">
     function getValueFromJSONObject(arg) {
       return goog.json.parse(arg)["value"];
     }

     QUnit.test('getText', function(assert) {
       var e = webdriver.atoms.inject.locators.findElement("id", "x");
       var actual = getValueFromJSONObject(
               webdriver.atoms.inject.dom.getText(getValueFromJSONObject(e)));
       assert.strictEqual(actual, "Para");
     });

     QUnit.test('getIsSelected', function(assert) {
       var apples = webdriver.atoms.inject.locators.findElement('id', 'apples');
       var oranges = webdriver.atoms.inject.locators.findElement('id', 'oranges');

       assert.notOk(getValueFromJSONObject(webdriver.atoms.inject.dom.isSelected(
               getValueFromJSONObject(oranges))));
       assert.ok(getValueFromJSONObject(webdriver.atoms.inject.dom.isSelected(
               getValueFromJSONObject(apples))));
     });

     QUnit.test('getTopLeftCoordinates', function(assert) {
       var elementX = goog.dom.$('x');
       var expectedX = webdriver.atoms.element.getLocationInView(elementX).x;

       var e = webdriver.atoms.inject.locators.findElement("id", "x");
       var coords = webdriver.atoms.inject.dom.getTopLeftCoordinates(
               getValueFromJSONObject(e));
       assert.strictEqual(getValueFromJSONObject(coords).x, expectedX);
     });

     QUnit.test('getAttributeValue', function(assert) {
       var e = webdriver.atoms.inject.locators.findElement("id", "x");
       assert.strictEqual(getValueFromJSONObject(
           webdriver.atoms.inject.dom.getAttributeValue(
               getValueFromJSONObject(e), "name")), "para");
     });

     QUnit.test('getSize', function(assert) {
       var elementX = goog.dom.$('x');
       var expectedHeight = goog.style.getSize(elementX).height;

       var e = webdriver.atoms.inject.locators.findElement("id", "x");
       var size = getValueFromJSONObject(
               webdriver.atoms.inject.dom.getSize(getValueFromJSONObject(e)));

       assert.strictEqual(size.height, expectedHeight);
     });

     QUnit.test('getValueOfCssProperty', function(assert) {
       var e = webdriver.atoms.inject.locators.findElement('id', 'after');
       var prop = getValueFromJSONObject(
               webdriver.atoms.inject.dom.getValueOfCssProperty(
                       getValueFromJSONObject(e), "background-color"));

       assert.strictEqual(prop, 'rgba(0, 128, 0, 1)');
     });

     QUnit.test('isEnabled', function(assert) {
       var working = webdriver.atoms.inject.locators.findElement("id", "working");
       var notWorking = webdriver.atoms.inject.locators.findElement("id",
                                                              "notWorking");
       assert.ok(getValueFromJSONObject(webdriver.atoms.inject.dom.isEnabled(
               getValueFromJSONObject(working))));
       assert.notOk(getValueFromJSONObject(webdriver.atoms.inject.dom.isEnabled(
               getValueFromJSONObject(notWorking))));

     });

     QUnit.test('isDisplayed', function(assert) {
       var working = webdriver.atoms.inject.locators.findElement("id", "working");
       assert.ok(getValueFromJSONObject(webdriver.atoms.inject.dom.isDisplayed(
               getValueFromJSONObject(working))));
       var hidden = webdriver.atoms.inject.locators.findElement("id", "hidden");
       assert.notOk(getValueFromJSONObject(webdriver.atoms.inject.dom.isDisplayed(
               getValueFromJSONObject(hidden))));
     });

     QUnit.test('getAttributeWithProperty', function(assert) {
       var working = webdriver.atoms.inject.locators.findElement("id", "after");
       assert.strictEqual(
           getValueFromJSONObject(webdriver.atoms.inject.dom.getAttributeValue(
               getValueFromJSONObject(working), "tagName")), "DIV");
     });

     QUnit.test('getAttributeInFrame', function(assert) {
       var frame = webdriver.atoms.inject.frame.findFrameByIndex(0);
       var frameWindow = getValueFromJSONObject(frame);
       var element = webdriver.atoms.inject.locators.findElement(
           'id', 'submitForm', null, frameWindow);
       assert.strictEqual(
           getValueFromJSONObject(webdriver.atoms.inject.dom.getAttributeValue(
               getValueFromJSONObject(element), "value", frameWindow)), 'Submit');
     });

     QUnit.test('isEnabledInFrame', function(assert) {
       var frame = webdriver.atoms.inject.frame.findFrameByIndex(0);
       var frameWindow = getValueFromJSONObject(frame);
       var element = webdriver.atoms.inject.locators.findElement(
           'id', 'submitForm', null, frameWindow);
       assert.ok(getValueFromJSONObject(webdriver.atoms.inject.dom.isEnabled(
           getValueFromJSONObject(element), frameWindow)));
     });

     QUnit.test('isDisplayedInFrame', function(assert) {
       var frame = webdriver.atoms.inject.frame.findFrameByIndex(0);
       var frameWindow = getValueFromJSONObject(frame);
       var element = webdriver.atoms.inject.locators.findElement(
           'id', 'submitForm', null, frameWindow);
       assert.ok(getValueFromJSONObject(webdriver.atoms.inject.dom.isDisplayed(
           getValueFromJSONObject(element), frameWindow)));
     });

     QUnit.test('getTextInFrame', function(assert) {
       var frame = webdriver.atoms.inject.frame.findFrameByIndex(0);
       var frameWindow = getValueFromJSONObject(frame);
       var element = webdriver.atoms.inject.locators.findElement(
           'id', 'iframeClickTarget', null, frameWindow);
       var actual = getValueFromJSONObject(webdriver.atoms.inject.dom.getText(
           getValueFromJSONObject(element), frameWindow));
       assert.strictEqual(actual, "An anchor in an iframe");
     });

     QUnit.test('getSizeInFrame', function(assert) {
       var elementRef = window.frames[0].document.getElementById("submitForm");
       // On Firefox, goog.style.getSize returns 20 instead of 19. The bounding box is 19.5 on my
       // machine. Rather than allow multiple values, we'll just grab the bounding rect.
       var rect = elementRef.getBoundingClientRect();
       var expectedHeight = Math.floor(rect.bottom - rect.top);
       var frame = webdriver.atoms.inject.frame.findFrameByIndex(0);
       var frameWindow = getValueFromJSONObject(frame);
       var element = webdriver.atoms.inject.locators.findElement(
           'id', 'submitForm', null, frameWindow);
       var size = getValueFromJSONObject(
               webdriver.atoms.inject.dom.getSize(
                   getValueFromJSONObject(element), frameWindow));

       assert.strictEqual(size.height, expectedHeight);
     });
   </script>
 </head>
 <body>
   <div id="qunit"></div>
   <div id="qunit-fixture"></div>
   <p id="x" name="para">Para</p>

   <div name="right" id="after" style="background-color: green;" class="dogs">yup</div>

    <div>
       <label for="multiSelect">Multi-select</label>
       <select id="multiSelect" multiple>
         <option id="apples" value="apples" selected>apples</option>
         <option id="oranges" value="oranges">oranges</option>
         <option value="cherries">cherries</option>
       </select>
     </div>

     <input type="text" id="working" >
     <input type="text" id="notWorking" disabled=true >
     <input type="hidden" id="hidden"></input>
     <iframe id="frame" src="click_iframe.html"></iframe>
   </body>
 </html>
	<!DOCTYPE html>
	<!--
	Copyright 2011 WebDriver committers
	Copyright 2011 Google Inc.

	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.
	-->
	<html>
	<head>
	<meta charset="utf-8">
	<title>dom_test.html</title>
	<link rel="stylesheet" href="/filez/_main/third_party/js/qunit/qunit.css">
	<script src="/filez/_main/third_party/js/qunit/qunit.js"></script>
	<script src="/filez/_main/third_party/js/qunit/qunit_test_runner.js"></script>
	<script src="../../test_bootstrap.js"></script>
	<script src="../../../atoms/inject/deps.js"></script>
	<script type="text/javascript">
	goog.require('goog.array');
	goog.require('goog.dom');
	goog.require('goog.style');
	goog.require('webdriver.atoms.element');
	goog.require('webdriver.atoms.inject.dom');
	goog.require('webdriver.atoms.inject.frame');
	goog.require('webdriver.atoms.inject.locators');
	</script>

	<script type="text/javascript">
	function getValueFromJSONObject(arg) {
	return goog.json.parse(arg)["value"];
	}

	QUnit.test('getText', function(assert) {
	var e = webdriver.atoms.inject.locators.findElement("id", "x");
	var actual = getValueFromJSONObject(
	webdriver.atoms.inject.dom.getText(getValueFromJSONObject(e)));
	assert.strictEqual(actual, "Para");
	});

	QUnit.test('getIsSelected', function(assert) {
	var apples = webdriver.atoms.inject.locators.findElement('id', 'apples');
	var oranges = webdriver.atoms.inject.locators.findElement('id', 'oranges');

	assert.notOk(getValueFromJSONObject(webdriver.atoms.inject.dom.isSelected(
	getValueFromJSONObject(oranges))));
	assert.ok(getValueFromJSONObject(webdriver.atoms.inject.dom.isSelected(
	getValueFromJSONObject(apples))));
	});

	QUnit.test('getTopLeftCoordinates', function(assert) {
	var elementX = goog.dom.$('x');
	var expectedX = webdriver.atoms.element.getLocationInView(elementX).x;

	var e = webdriver.atoms.inject.locators.findElement("id", "x");
	var coords = webdriver.atoms.inject.dom.getTopLeftCoordinates(
	getValueFromJSONObject(e));
	assert.strictEqual(getValueFromJSONObject(coords).x, expectedX);
	});

	QUnit.test('getAttributeValue', function(assert) {
	var e = webdriver.atoms.inject.locators.findElement("id", "x");
	assert.strictEqual(getValueFromJSONObject(
	webdriver.atoms.inject.dom.getAttributeValue(
	getValueFromJSONObject(e), "name")), "para");
	});

	QUnit.test('getSize', function(assert) {
	var elementX = goog.dom.$('x');
	var expectedHeight = goog.style.getSize(elementX).height;

	var e = webdriver.atoms.inject.locators.findElement("id", "x");
	var size = getValueFromJSONObject(
	webdriver.atoms.inject.dom.getSize(getValueFromJSONObject(e)));

	assert.strictEqual(size.height, expectedHeight);
	});

	QUnit.test('getValueOfCssProperty', function(assert) {
	var e = webdriver.atoms.inject.locators.findElement('id', 'after');
	var prop = getValueFromJSONObject(
	webdriver.atoms.inject.dom.getValueOfCssProperty(
	getValueFromJSONObject(e), "background-color"));

	assert.strictEqual(prop, 'rgba(0, 128, 0, 1)');
	});

	QUnit.test('isEnabled', function(assert) {
	var working = webdriver.atoms.inject.locators.findElement("id", "working");
	var notWorking = webdriver.atoms.inject.locators.findElement("id",
	"notWorking");
	assert.ok(getValueFromJSONObject(webdriver.atoms.inject.dom.isEnabled(
	getValueFromJSONObject(working))));
	assert.notOk(getValueFromJSONObject(webdriver.atoms.inject.dom.isEnabled(
	getValueFromJSONObject(notWorking))));

	});

	QUnit.test('isDisplayed', function(assert) {
	var working = webdriver.atoms.inject.locators.findElement("id", "working");
	assert.ok(getValueFromJSONObject(webdriver.atoms.inject.dom.isDisplayed(
	getValueFromJSONObject(working))));
	var hidden = webdriver.atoms.inject.locators.findElement("id", "hidden");
	assert.notOk(getValueFromJSONObject(webdriver.atoms.inject.dom.isDisplayed(
	getValueFromJSONObject(hidden))));
	});

	QUnit.test('getAttributeWithProperty', function(assert) {
	var working = webdriver.atoms.inject.locators.findElement("id", "after");
	assert.strictEqual(
	getValueFromJSONObject(webdriver.atoms.inject.dom.getAttributeValue(
	getValueFromJSONObject(working), "tagName")), "DIV");
	});

	QUnit.test('getAttributeInFrame', function(assert) {
	var frame = webdriver.atoms.inject.frame.findFrameByIndex(0);
	var frameWindow = getValueFromJSONObject(frame);
	var element = webdriver.atoms.inject.locators.findElement(
	'id', 'submitForm', null, frameWindow);
	assert.strictEqual(
	getValueFromJSONObject(webdriver.atoms.inject.dom.getAttributeValue(
	getValueFromJSONObject(element), "value", frameWindow)), 'Submit');
	});

	QUnit.test('isEnabledInFrame', function(assert) {
	var frame = webdriver.atoms.inject.frame.findFrameByIndex(0);
	var frameWindow = getValueFromJSONObject(frame);
	var element = webdriver.atoms.inject.locators.findElement(
	'id', 'submitForm', null, frameWindow);
	assert.ok(getValueFromJSONObject(webdriver.atoms.inject.dom.isEnabled(
	getValueFromJSONObject(element), frameWindow)));
	});

	QUnit.test('isDisplayedInFrame', function(assert) {
	var frame = webdriver.atoms.inject.frame.findFrameByIndex(0);
	var frameWindow = getValueFromJSONObject(frame);
	var element = webdriver.atoms.inject.locators.findElement(
	'id', 'submitForm', null, frameWindow);
	assert.ok(getValueFromJSONObject(webdriver.atoms.inject.dom.isDisplayed(
	getValueFromJSONObject(element), frameWindow)));
	});

	QUnit.test('getTextInFrame', function(assert) {
	var frame = webdriver.atoms.inject.frame.findFrameByIndex(0);
	var frameWindow = getValueFromJSONObject(frame);
	var element = webdriver.atoms.inject.locators.findElement(
	'id', 'iframeClickTarget', null, frameWindow);
	var actual = getValueFromJSONObject(webdriver.atoms.inject.dom.getText(
	getValueFromJSONObject(element), frameWindow));
	assert.strictEqual(actual, "An anchor in an iframe");
	});

	QUnit.test('getSizeInFrame', function(assert) {
	var elementRef = window.frames[0].document.getElementById("submitForm");
	// On Firefox, goog.style.getSize returns 20 instead of 19. The bounding box is 19.5 on my
	// machine. Rather than allow multiple values, we'll just grab the bounding rect.
	var rect = elementRef.getBoundingClientRect();
	var expectedHeight = Math.floor(rect.bottom - rect.top);
	var frame = webdriver.atoms.inject.frame.findFrameByIndex(0);
	var frameWindow = getValueFromJSONObject(frame);
	var element = webdriver.atoms.inject.locators.findElement(
	'id', 'submitForm', null, frameWindow);
	var size = getValueFromJSONObject(
	webdriver.atoms.inject.dom.getSize(
	getValueFromJSONObject(element), frameWindow));

	assert.strictEqual(size.height, expectedHeight);
	});
	</script>
	</head>
	<body>
	<div id="qunit"></div>
	<div id="qunit-fixture"></div>
	<p id="x" name="para">Para</p>

	<div name="right" id="after" style="background-color: green;" class="dogs">yup</div>

	<div>
	<label for="multiSelect">Multi-select</label>
	<select id="multiSelect" multiple>
	<option id="apples" value="apples" selected>apples</option>
	<option id="oranges" value="oranges">oranges</option>
	<option value="cherries">cherries</option>
	</select>
	</div>

	<input type="text" id="working" >
	<input type="text" id="notWorking" disabled=true >
	<input type="hidden" id="hidden"></input>
	<iframe id="frame" src="click_iframe.html"></iframe>
	</body>
	</html>