UI Test : how to make the object?

There is a button that is changed color when mouse is over the button.

button’s html is

  • //if i click the button, is changed
  • TEXT
  • i can test click of the button.
    I make object like this
    tag li
    class on
    xpath id:~~~~~~
    but I can not test whether the color changes or not use to this object

    .

    Can I test this button(Whether the color of the button has changed due to mouseover)? then,How to make button’s object and Test case?
    Do I have to learn Javascript?

    WebUI.mouseOver(findTestObject(‘Testobject/button1’))

    WebUI.verifyElementPresent(findTestObject(‘Testobject/button1’), 5, FailureHandling.CONTINUE_ON_FAILURE)

    You want to move cursor over the target element and see if the CSS color property of the target element or something is changed to red.

    Katalon provies WebUI.MouseOver() and WebUI.getCSSValue() Keyword.

    With these keywords, you should be able to do whant you want.

    Do I have to learn Javascript?

    Not yet. Probably you need to learn CSS.