Forum Discussion

sonya_m's avatar
sonya_m
SmartBear Alumni (Retired)
5 years ago

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

  • prekar's avatar
    prekar
    Occasional Contributor

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

    • sonya_m's avatar
      sonya_m
      SmartBear Alumni (Retired)

      Great job prekar ! Congrats on finishing one more task!

       

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