[TechCorner Challenge #13] Get properties of a web page element

[sonya_m]

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!😊

[prekar · Accepted solution]

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-prop...";

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);
}

[sonya_m]

Great job @prekar ! Congrats on finishing one more task!

P.S. could you post the resulting log however?🙂 

[prekar]

Result Log

[sonya_m]

Thank you for posting this @prekar ! Great job there.