WebDriver UDF - Help & Support (III)

[mLipok]

5 hours ago, Jemboy said:

Is there a way to assign other icons to the Chromedriver instances or show the fav.ico of the site as an icon for these Chrome web driver instances ?

https://www.makeuseof.com/tag/change-taskbar-icons-programs-windows-10/

[mLipok]

I have such DIV

<div class="k-widget k-window displayLayer-basic k-window-maximized" style="padding-top: 27px; min-width: 500px; min-height: 150px; width: 1920px; height: 678px; display: none; top: 0px; left: 0px; touch-action: none; position: fixed;" data-role="draggable">

I need to acompilish 2 task

Task 1:
I need to get all style setting as 2D arrray with 2 coloumns (name, value).

Task 2:
I need to set a value for a specific style setting

 

I know that I can use 

_WD_ElementAction($sSession, $sElement, 'attribute', 'style')

to get current style

 

Question 1:
Is there a way to set up top: 0px; left: 0px; values ?
Only with _WD_ExecuteScript + JavaScript ?

something like:

document.getElementById('lga').style.top = '10px';

or

document.querySelectorAll('....').style.top = '10px';

Question 2:
How to enumerate all used styles settings ?
Should this be done by parsing string for example with RegExp ?
or
Is there a way to use _WD_ExecuteScript + JavaScript ?

Edited May 15, 2022 by mLipok

[mLipok]

What $sOption  value should be used in case of :
 

_WD_ElementAction($sSession, $sElement, 'css', ????????)

 

Edited May 15, 2022 by mLipok

[Danp2]

33 minutes ago, mLipok said:

Is there a way to set up top: 0px; left: 0px; values ?
Only with _WD_ExecuteScript + JavaScript ?

Yes... Pretty sure the only way is with _WD_ExecuteScript + JavaScript.

 

[Danp2]

2 hours ago, mLipok said:

How to enumerate all used styles settings ?

As you've identified, there are multiple ways to do this. Here's an alternative using Javascript to return a dictionary object --

;https://stackoverflow.com/questions/32537339/getting-the-values-of-all-the-css-properties-of-a-selected-element-in-selenium
$sScript = 'var items = {};' & _
                'var compsty = getComputedStyle(arguments[0]);' & _
                'var len = compsty.length;' & _
                'for (index = 0; index < len; index++)' & _
                '{items [compsty[index]] = compsty.getPropertyValue(compsty[index])};' & _
                'return items;'

$oStyles = _WD_ExecuteScript($sSession, $sScript, __WD_JsonElement($sElement), Default, $_WD_JSON_Value)
$aKeys  = $oStyles.Keys()
$aItems = $oStyles.Items()

_ArrayDisplay($aKeys)
_ArrayDisplay($aItems)

 

[Danp2]

2 hours ago, mLipok said:

What $sOption  value should be used in case of :
 

_WD_ElementAction($sSession, $sElement, 'css', ????????)

 

I think any of the values returned in $aKeys above should work. For example --

_WD_ElementAction($sSession, $sElement, 'css', 'font-size')

 

[mLipok]

4 hours ago, Danp2 said:

Yes... Pretty sure the only way is with _WD_ExecuteScript + JavaScript.

 

Something like this:

; #FUNCTION# ====================================================================================================================
; Name ..........: _WD_ElementStyleSet
; Description ...: Set style property value for an element
; Syntax ........: _WD_ElementStyleSet($sSession, $sElement, $sPropertyName, $sValue)
; Parameters ....: $sSession - Session ID from _WD_CreateSession
;                  $sElement - Element ID from _WD_FindElement
;                  $sPropertyName - CSS property name which should be set
;                  $sValue - new value of the property
; Return values .: Success - Response from web driver in JSON format
;                  Failure - Response from webdriver and sets @error returned from _WD_ExecuteScript()
; Author ........: mLipok
; Modified ......:
; Remarks .......:
; Related .......:
; Link ..........:
; Example .......: No
; ===============================================================================================================================
Func _WD_ElementStyleSet($sSession, $sElement, $sPropertyName, $sValue)
    Lcoal $vResult = _WD_ExecuteScript($sSession, "arguments[0].style." & $sPropertyName & " = '" & $sValue & "'", __WD_JsonElement($sElement), Default, Default)
    Return SetError(@error, @extended, $vResult)
EndFunc   ;==>_WD_ElementStyleSet

?

 

EDIT: maybe function name should be renamed to "_WD_ElementStylePropertySet" or "_WD_ElementSetStyleProperty"

Edited May 15, 2022 by mLipok
code fixed

[mLipok]

4 hours ago, Danp2 said:

As you've identified, there are multiple ways to do this. Here's an alternative using Javascript to return a dictionary object --

;https://stackoverflow.com/questions/32537339/getting-the-values-of-all-the-css-properties-of-a-selected-element-in-selenium
$sScript = 'var items = {};' & _
                'var compsty = getComputedStyle(arguments[0]);' & _
                'var len = compsty.length;' & _
                'for (index = 0; index < len; index++)' & _
                '{items [compsty[index]] = compsty.getPropertyValue(compsty[index])};' & _
                'return items;'

$oStyles = _WD_ExecuteScript($sSession, $sScript, __WD_JsonElement($sElement), Default, $_WD_JSON_Value)
$aKeys  = $oStyles.Keys()
$aItems = $oStyles.Items()

_ArrayDisplay($aKeys)
_ArrayDisplay($aItems)

 

I was trying to modify your script as a combination of:

https://developer.mozilla.org/en-US/docs/Web/API/HTMLElement/style

Using this JS:
 

var element = document.getElementById('nav_exercises');
var result ='';
var property ='';
var ComputedStyles = getComputedStyle(element);
for (let i = 0; i < ComputedStyles.length; i++) 
    {
    property = ComputedStyles.item(i);  
    if (element.style.hasOwnProperty(property)) {
        result += property + '|' + ComputedStyles.getPropertyValue(property) + '\n'
    }
}

on
https://www.w3schools.com/

I want to get styles from:

<nav id="nav_exercises" class="w3-hide-small navex" style="position:absolute;background-color:#282A35;color:white;padding-bottom:60px;">

I need to get such results:

Quote

position|absolute
background-color|#282A35
color|white
padding-bottom|60px

but I still get all computed styles.

My point is that I only want to get element own properties.

Any help with fixing my JS snippet ?
 

Edited May 15, 2022 by mLipok

[Danp2]

55 minutes ago, mLipok said:

_WD_ElementStyleSet

• Does this work correctly with non-string values (ie: boolean or numeric)?
• You could name it _WD_ElementStyle and support both setting and getting the style values 😉

Quote

My point is that I only want to get element own properties.

In this case, you likely need to manually parse the element's style attribute. There may be a way to do it with Javascript, but I haven't tried it.

[mLipok]

17 minutes ago, mLipok said:

Any help with fixing my JS snippet ?

Got it fixed with:

var element = document.getElementById('nav_exercises');
var result ='';
var property ='';
var ComputedStyles = getComputedStyle(element);
for (let i = 0; i < element.style.length; i++) 
    {
    property = element.style.item(i)
    result += property + '|' + ComputedStyles.getPropertyValue(property) + '\n'
}

 

[mLipok]

 

58 minutes ago, Danp2 said:

• Does this work correctly with non-string values (ie: boolean or numeric)?

I'm not sure - not checked yet.

 

58 minutes ago, Danp2 said:

• You could name it _WD_ElementStyle and support both setting and getting the style values

take a look on:

https://github.com/Danp2/au3WebDriver/pull/310

 

btw.
I notice that there is no need to use getComputedStyle()

var element = document.getElementById('nav_exercises');
var result ='';
var property ='';
for (let i = 0; i < element.style.length; i++) 
    {
    property = element.style.item(i)
    result += property + ':' + element.style.getPropertyValue(property) + ';'
}

 

[CodeWriter]

I was wondering if the window handles returned by WebDriver UDF functions like _WD_Window($sSession, 'window') are compatible with the window handles used by standard AutoIt functions like WinGetHandle() or WinWaitActive().

And if they are not compatible, is there an easy method to cast or convert one into the other?

[Danp2]

@CodeWriterNo, they aren't compatible and I'm not aware of an easy way to convert from one to the other. Why do you need this functionality?

[mLipok]

8 hours ago, CodeWriter said:

I was wondering if the window handles returned by WebDriver UDF functions like _WD_Window($sSession, 'window') are compatible with the window handles used by standard AutoIt functions like WinGetHandle() or WinWaitActive().

And if they are not compatible, is there an easy method to cast or convert one into the other?

_WD_Window() retrives Window handles in this sense:

https://developer.mozilla.org/en-US/docs/Web/API/Window

 

Edited May 18, 2022 by mLipok

[mLipok]

If I have nested frames how I can use 
https://developer.mozilla.org/en-US/docs/Web/API/Window/parent

to back to parrent Frame ?

 

[mLipok]

Could we use WebDriver UDF with "window.Worker"
https://developer.mozilla.org/en-US/docs/Web/API/Web_Workers_API/Using_web_workers

Is there any sens/usage for this ?

[Danp2]

19 minutes ago, mLipok said:

https://developer.mozilla.org/en-US/docs/Web/API/Window

That describes the browser's Window interface, but I'm not sure that has anything to do with the original question. 🤔

Quote

back to parrent Frame

Have you tried using_WD_FrameLeave?

[mLipok]

23 minutes ago, Danp2 said:

Have you tried using_WD_FrameLeave?

Thanks will take a look later.

 

[mLipok]

in _WD_FrameLeave there is some checking for browser types

    ;*** Is this something besides a Chrome PASS?
    If $sValue <> Null Then
        ;*** Check for a nested JSON object
        If Json_IsObject($sValue) = True Then
            $asJSON = Json_ObjGetKeys($sValue)

            ;*** Is this an empty nested object
            If UBound($asJSON) = 0 Then ;Firefox PASS
                $sValue = True
            Else ;Chrome and Firefox FAIL
                $sValue = $asJSON[0] & ":" & Json_Get($oJSON, "[value][" & $asJSON[0] & "]")
            EndIf
        EndIf
    Else ;Chrome PASS
        $sValue = True
    EndIf

    Return SetError($_WD_ERROR_Success, 0, $sValue)
EndFunc   ;==>_WD_FrameLeave

its ok but I want to ask about this two comments:

If UBound($asJSON) = 0 Then ;Firefox PASS
        $sValue = True
Else ;Chrome and Firefox FAIL
        $sValue = $asJSON[0] & ":" & Json_Get($oJSON, "[value][" & $asJSON[0] & "]")
EndIf

Why Firefox is mentioned twice in both cases ?
Is it mistake or intentional ?

Edited May 18, 2022 by mLipok

[mLipok]

55 minutes ago, mLipok said:

_WD_Window() retrives Window handles in this sense:

https://developer.mozilla.org/en-US/docs/Web/API/Window

I was refering to:

9 hours ago, CodeWriter said:

if the window handles returned by WebDriver UDF functions like _WD_Window($sSession, 'window') are compatible with the window handles used by standard AutoIt functions like WinGetHandle() or WinWaitActive().

So I think that my answer should be extended to:

_WD_Window() retrives Window handles in this sense: https://developer.mozilla.org/en-US/docs/Web/API/Window
So they are not the same as "Window handles" from MSWindowsOS and therefore cannot be used interchangeably.