[TechCorner Challenge #13] Get properties of a web page element
Hi TestComplete Community,
A new TechCorner task today - we will be working with the DOM Document object.
By completing the tasks, you can practice your skills of working with TestComplete features and also get into the TechCorner Leaderboard!
Task: You will need to find the “Start a topic” button on this page and get the following info about it: color, font family, and font size and post the script and the log info below.
Difficulty:
The button you'll be interacting with:
For this:
1. Get the element.
2. Obtain the element style as described in the documentation: Getting Computed Styles.
3. Log the values of the following style properties: backgroundColor, fontFamily, and fontSize.
Good luck!😊
Task: You will need to find the “Start a topic” button on this page and get the following info about it: color, font family, and font size and post the script and the log info below.
This is a solution created for [TechCorner Challenge #13]
//Solution in Javascript
function test2()
{
var url = "https://community.smartbear.com/t5/TestComplete-General-Discussions/TechCorner-Challenge-13-Get-properties-of-a-web-page-element/m-p/207539";Browsers.Item(btChrome).Run(url);
var page = Sys.Browser().Page(url);
var element = page.FindChildByXPath("//*[@class='NewTopic-link']");
var style = page.contentDocument.defaultView.getComputedStyle(element, "");
Log.Message("The Properties of web page element are as follows")
Log.Message("Background Color : " + style.backgroundColor);
Log.Message("Font Family : " + style.fontFamily);
Log.Message("Font Size : " + style.fontSize);
}
