<?xml version="1.0" encoding="UTF-8"?>
<rss version="2.0"
	xmlns:content="http://purl.org/rss/1.0/modules/content/"
	xmlns:wfw="http://wellformedweb.org/CommentAPI/"
	xmlns:dc="http://purl.org/dc/elements/1.1/"
	xmlns:atom="http://www.w3.org/2005/Atom"
	xmlns:sy="http://purl.org/rss/1.0/modules/syndication/"
	xmlns:slash="http://purl.org/rss/1.0/modules/slash/"
	>

<channel>
	<title>Cloud Testing Blog &#187; highlight</title>
	<atom:link href="http://www.cloudtesting.com/blog/tag/highlight/feed/" rel="self" type="application/rss+xml" />
	<link>http://www.cloudtesting.com/blog</link>
	<description>Automated Functional, Cross Browser and Load Testing for Websites</description>
	<lastBuildDate>Fri, 23 Jul 2010 21:48:09 +0000</lastBuildDate>
	<language>en</language>
	<sy:updatePeriod>hourly</sy:updatePeriod>
	<sy:updateFrequency>1</sy:updateFrequency>
	<generator>http://wordpress.org/?v=3.0</generator>
		<item>
		<title>Using the Selenium Highlight command with Cloud Testing</title>
		<link>http://www.cloudtesting.com/blog/2009/09/22/using-the-selenium-highlight-command-with-cloud-testing/</link>
		<comments>http://www.cloudtesting.com/blog/2009/09/22/using-the-selenium-highlight-command-with-cloud-testing/#comments</comments>
		<pubDate>Tue, 22 Sep 2009 15:20:30 +0000</pubDate>
		<dc:creator>Phil Smith - Cloud Testing</dc:creator>
				<category><![CDATA[Cloud Testing]]></category>
		<category><![CDATA[Help]]></category>
		<category><![CDATA[HowTo]]></category>
		<category><![CDATA[Selenium]]></category>
		<category><![CDATA[Selenium IDE]]></category>
		<category><![CDATA[highlight]]></category>

		<guid isPermaLink="false">http://blog.cloudtesting.com/?p=781</guid>
		<description><![CDATA[There is a little used but handy Selenium command called Highlight. It as you might have guessed highlights an element on a web page, which when combined with the screen-shot capabilities of Cloud Testing comes into it&#8217;s own. The syntax is: highlight(locator) Arguments: locator &#8211; an element locator Briefly changes the backgroundColor of the specified [...]]]></description>
			<content:encoded><![CDATA[<p>There is a little used but handy Selenium command called <strong>Highlight</strong>. It as you might have guessed highlights an element on a web page, which when combined with the screen-shot capabilities of Cloud Testing comes into it&#8217;s own.</p>
<p>The syntax is:</p>
<dl>
<blockquote><dt><strong>highlight(locator)</strong></dt>
<dd>
<div>Arguments:</div>
<ul>
<li>locator &#8211; an <a>element locator</a></li>
</ul>
<p>Briefly changes the backgroundColor of the specified element yellow.  Useful for debugging.</p>
</dd>
</blockquote>
</dl>
<p>To use this feature within Cloud Testing, just choose the Highlight command, and enter the element or link name e.g. &#8216;link=Click Me&#8217; for the first argument.</p>
<p style="text-align:center;"><img class="aligncenter size-full wp-image-783" style="border:1px solid black;" title="highlight-results" src="http://cloudtesting.files.wordpress.com/2009/09/highlight-results.png" alt="highlight-results" width="600" height="340" /></p>
<p>To enable you to view the highlighted area, you will need to add a Capture Screenshot command as the next step in the script, as the highlighting is reset and removed on any page refreshes or reloads.</p>
<p>The area corresponding to the element is highlighted in yellow as can be seen in the following view:</p>
<p style="text-align:center;"><img class="size-thumbnail wp-image-785 aligncenter" style="border:1px solid black;" title="highlighted" src="http://cloudtesting.files.wordpress.com/2009/09/highlighted.png" alt="highlighted" /></p>
<p style="text-align:center;">
<p style="text-align:left;">The following shows how you would highlight a text box on the screen.</p>
<p style="text-align:center;"><img class="aligncenter size-full wp-image-792" style="border:1px solid black;" title="highlight2-results" src="http://cloudtesting.files.wordpress.com/2009/09/highlight2-results.png" alt="highlight2-results" width="600" height="296" /></p>
<p style="text-align:left;">and a larger view of the highlighted element:</p>
<p style="text-align:center;"><img class="aligncenter size-full wp-image-793" style="border:1px solid black;" title="highlighted2" src="http://cloudtesting.files.wordpress.com/2009/09/highlighted2.png" alt="highlighted2" width="532" height="169" /></p>
<p>For more information on the Cloud Testing service and features, please visit the Cloud Testing website at <a href="http://www.cloudtesting.com/">www.cloudtesting.com</a></p>
]]></content:encoded>
			<wfw:commentRss>http://www.cloudtesting.com/blog/2009/09/22/using-the-selenium-highlight-command-with-cloud-testing/feed/</wfw:commentRss>
		<slash:comments>1</slash:comments>
		</item>
	</channel>
</rss>
