Ask a Question

How to get the font color of a JTree item using Javascript

SOLVED
jmoe
Occasional Contributor

How to get the font color of a JTree item using Javascript

Hello,

I am able to get the individual items in a JTree, but only the Text method (and a few others).  It appears however, there are no properties/methods to get the font color, and there are no native methods to access either.  Do you know how I could do this?  Thx.

1 ACCEPTED SOLUTION

Accepted Solutions
chriscc
Occasional Contributor

Re: How to get the font color of a JTree item using Javascript

Hi jmoe.


One option is to take a picture of the JTree Item and compare it to a static image.  I assume that the JTree Item has a picture function. If not the parent window might have the function. If that isn’t the case you could position the window in a specific location and take a picture of the screen.

 

You could also try taking a picture and compare the pixel(s) color.  I am not sure what language you are programming in, but below is an example that will take a picture and compare the first pixel to a desired constant color. I have not tried any of this code, but it should give you some direction.  I hope this helps.

 

    function comparePixel()

    {

      // take a picture at the specified location with a width and height of 1

      var pic = jTreeItem.Picture(desiredLeftPosition, desiredTopPosition, 1, 1);

      // compare to the desired color 

      if (pic.Pixels(0,0) == clMenuText) // color values can be found here: https://support.smartbear.com/testcomplete/docs/scripting/colors.html

      {

        // whatever you need to do....

      }

    }

 

A more detailed explanation for others...

 

    function comparePixel()

    {

      var parentControl = Aliases.Product; // the parent control could be a window if searching for a control like a textbox

      // use the correct property names for your window or control

      var propNames = new Array(propName1, propName2);

      // use the correct property values for your window or control

      var propValues = new Array(propValue1, propValue2);

      // specify a search depth.

      var depth = 100;

      // find the window/control from the parent

      var control = parentControl.FindChild(propNames, propValues, depth);

      // made up number use your distance to the desired left position

      var x = 10;

      // made up number use your distance to the desired top position

      var y = 10;

      // 1, 1 is the width and height of the image

      var pic = control.Picture(x, y, 1, 1); 

      // use this to get the constant color value if you don't know what that value is...otherwise it can be commented out...

      var color = pic.Pixels(0,0); 

      // color values can be found here: https://support.smartbear.com/testcomplete/docs/scripting/colors.html

      // if it is a custom color you can see an example function at the above link that will allow R,G,B comparison

      // specify the color you want to compare

      if (pic.Pixels(0,0) == clRed)

      {

        // whatever you need to do....

      }

    }

Chris

View solution in original post

4 REPLIES 4
chriscc
Occasional Contributor

Re: How to get the font color of a JTree item using Javascript

Hi jmoe.


One option is to take a picture of the JTree Item and compare it to a static image.  I assume that the JTree Item has a picture function. If not the parent window might have the function. If that isn’t the case you could position the window in a specific location and take a picture of the screen.

 

You could also try taking a picture and compare the pixel(s) color.  I am not sure what language you are programming in, but below is an example that will take a picture and compare the first pixel to a desired constant color. I have not tried any of this code, but it should give you some direction.  I hope this helps.

 

    function comparePixel()

    {

      // take a picture at the specified location with a width and height of 1

      var pic = jTreeItem.Picture(desiredLeftPosition, desiredTopPosition, 1, 1);

      // compare to the desired color 

      if (pic.Pixels(0,0) == clMenuText) // color values can be found here: https://support.smartbear.com/testcomplete/docs/scripting/colors.html

      {

        // whatever you need to do....

      }

    }

 

A more detailed explanation for others...

 

    function comparePixel()

    {

      var parentControl = Aliases.Product; // the parent control could be a window if searching for a control like a textbox

      // use the correct property names for your window or control

      var propNames = new Array(propName1, propName2);

      // use the correct property values for your window or control

      var propValues = new Array(propValue1, propValue2);

      // specify a search depth.

      var depth = 100;

      // find the window/control from the parent

      var control = parentControl.FindChild(propNames, propValues, depth);

      // made up number use your distance to the desired left position

      var x = 10;

      // made up number use your distance to the desired top position

      var y = 10;

      // 1, 1 is the width and height of the image

      var pic = control.Picture(x, y, 1, 1); 

      // use this to get the constant color value if you don't know what that value is...otherwise it can be commented out...

      var color = pic.Pixels(0,0); 

      // color values can be found here: https://support.smartbear.com/testcomplete/docs/scripting/colors.html

      // if it is a custom color you can see an example function at the above link that will allow R,G,B comparison

      // specify the color you want to compare

      if (pic.Pixels(0,0) == clRed)

      {

        // whatever you need to do....

      }

    }

Chris

View solution in original post

jmoe
Occasional Contributor

Re: How to get the font color of a JTree item using Javascript

Thanks for the idea chriscc. I like that out of the box thinking!

chriscc
Occasional Contributor

Re: How to get the font color of a JTree item using Javascript

A  couple of things to help get the correct locations for the pixel(s)...

 

You can log the picture, so it shows in the TestComplete messages.  More of a Trial and Error approach, but you can change the rectangle values of the pic until you get the desired location.

 

var pic = window.Picture(left, top, width, height);

 

Log.Picture(pic "Picture of window");

 

Another option, if you have something like MSPaint or maybe GIMP, you can get the pixels using their tools.  For example, in MSPaint paste a screenshot of the window or control and use the Selection tool to find the left, top values to your pixel…like this:

Pixels.jpg

 

Chris
sonya_m
Community Manager

Re: How to get the font color of a JTree item using Javascript

Thank you so much for sharing your expertise with the community, Chris!

 


Sonya Mihaljova
Community and Education Specialist

Did my reply answer your question? Give Kudos or Accept it as a Solution to help others. ⬇️⬇️⬇️
cancel
Showing results for 
Search instead for 
Did you mean: