bobsilverberg/rgba_test.html

## rgba_test.html
<!DOCTYPE html>
<html>
<head>
  <title>rgba_test.html</title>
  <script src="test_bootstrap.js"></script>
  <script type="text/javascript">
    goog.require('bot.dom');
    goog.require('bot.locators');
    goog.require('goog.testing.jsunit');
  </script>

  <script type="text/javascript">

    function testShowReportedColors() {
      var ids = ['namedColor', 'rgb', 'rgbpct', 'hex', 'rgba', 'rgbapct', 'hexa', 'hsla'];
      for (id in ids) {
        console.log(ids[id] + ": " + bot.dom.getEffectiveStyle(bot.locators.findElement({id: ids[id]}), 'background-color'));
      }
    }

  </script>

</head>
<body>
<div id="namedColor" style="background-color: green;">namedColor</div>
<div id="rgb" style="background-color: rgb(0,128,0);">rgb</div>
<div id="rgbpct" style="background-color: rgb(0%,50%,0%);">rgbpct</div>
<div id="hex" style="background-color: #008000;">hex</div>
<div id="rgba" style="background-color: rgba(0,128,0, 0.5);">rgba</div>
<div id="rgbapct" style="background-color: rgba(0%,50%,0%, 0.5);">rgba</div>
<div id="hexa" style="background-color: #008000aa;">hexa</div>
<div id="hsla" style="background-color: hsla(120,100%,25%,0.5);">hsla</div>
</body>
</html>

## test_bootstrap.js
// Copyright 2011 Software Freedom Conservancy. 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.

/**
 * @fileoverview Bootstrap file that loads all of the WebDriver scripts in the
 * correct order. Once loaded, pages can use {@code goog.require} statements
 * from Google Closure to load additional files as needed.
 *
 * Example Usage:
 *
 * <html>
 *   <head>
 *     <script src="test_bootstrap.js"></script>
 *     <script>
 *       goog.require('goog.debug.Logger');
 *     </script>
 *     <script>
 *       window.onload = function() {
 *         goog.debug.Logger.getLogger('').info(
 *             'The page has finished loading');
 *       };
 *     </script>
 *   </head>
 *   <body></body>
 * </html>
 */

(function() {
  var scripts = document.getElementsByTagName('script');
  var directoryPath = './';
  var thisFile = 'test_bootstrap.js';

  for (var i = 0; i < scripts.length; i++) {
    var src = scripts[i].src;
    var len = src.length;
    if (src.substr(len - thisFile.length) == thisFile) {
      directoryPath = src.substr(0, len - thisFile.length);
      break;
    }
  }

  // All of the files to load. Files are specified in the order they must be
  // loaded, NOT alphabetical order.
  var files = [
    '../../../third_party/closure/goog/base.js',
    '../../deps.js'
  ];

  for (var j = 0; j < files.length; j++) {
    document.write('<script type="text/javascript" src="' +
        directoryPath + files[j] + '"></script>');
  }
})();
	<!DOCTYPE html>
	<html>
	<head>
	<title>rgba_test.html</title>
	<script src="test_bootstrap.js"></script>
	<script type="text/javascript">
	goog.require('bot.dom');
	goog.require('bot.locators');
	goog.require('goog.testing.jsunit');
	</script>

	<script type="text/javascript">

	function testShowReportedColors() {
	var ids = ['namedColor', 'rgb', 'rgbpct', 'hex', 'rgba', 'rgbapct', 'hexa', 'hsla'];
	for (id in ids) {
	console.log(ids[id] + ": " + bot.dom.getEffectiveStyle(bot.locators.findElement({id: ids[id]}), 'background-color'));
	}
	}

	</script>

	</head>
	<body>
	<div id="namedColor" style="background-color: green;">namedColor</div>
	<div id="rgb" style="background-color: rgb(0,128,0);">rgb</div>
	<div id="rgbpct" style="background-color: rgb(0%,50%,0%);">rgbpct</div>
	<div id="hex" style="background-color: #008000;">hex</div>
	<div id="rgba" style="background-color: rgba(0,128,0, 0.5);">rgba</div>
	<div id="rgbapct" style="background-color: rgba(0%,50%,0%, 0.5);">rgba</div>
	<div id="hexa" style="background-color: #008000aa;">hexa</div>
	<div id="hsla" style="background-color: hsla(120,100%,25%,0.5);">hsla</div>
	</body>
	</html>
	// Copyright 2011 Software Freedom Conservancy. 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.

	/**
	* @fileoverview Bootstrap file that loads all of the WebDriver scripts in the
	* correct order. Once loaded, pages can use {@code goog.require} statements
	* from Google Closure to load additional files as needed.
	*
	* Example Usage:
	*
	* <html>
	* <head>
	* <script src="test_bootstrap.js"></script>
	* <script>
	* goog.require('goog.debug.Logger');
	* </script>
	* <script>
	* window.onload = function() {
	* goog.debug.Logger.getLogger('').info(
	* 'The page has finished loading');
	* };
	* </script>
	* </head>
	* <body></body>
	* </html>
	*/

	(function() {
	var scripts = document.getElementsByTagName('script');
	var directoryPath = './';
	var thisFile = 'test_bootstrap.js';

	for (var i = 0; i < scripts.length; i++) {
	var src = scripts[i].src;
	var len = src.length;
	if (src.substr(len - thisFile.length) == thisFile) {
	directoryPath = src.substr(0, len - thisFile.length);
	break;
	}
	}

	// All of the files to load. Files are specified in the order they must be
	// loaded, NOT alphabetical order.
	var files = [
	'../../../third_party/closure/goog/base.js',
	'../../deps.js'
	];

	for (var j = 0; j < files.length; j++) {
	document.write('<script type="text/javascript" src="' +
	directoryPath + files[j] + '"></script>');
	}
	})();