Pointed area is not an input element

[grahammccann]

Hi There,

I was testing the debugger on a website: hxxps://www.strikingly.com/ the automation part using:

point init
point move #user_profile_attributes_first_name
wait 500
point focus
point text "abc123"

I get "pointed area is not an input element"

Is there something I am doing wrong?

thank you for any help!

Regards

Graham

[takashiharano]

Hi Graham,

Nothing is wrong with your script.
I also tried it and it worked fine.
The text "abc123" has been entered in the text field.

Could you provide some more informaton?

• Is the tag name displayed after the end of message like "Pointed area is not an input element (DIV)" ?

• Is the pseudo pointer pointed the target text field?

• What is your OS and browser?

• What version of debug.js are you using?
  You can check the version in the upper right by clicking SYS.
  The latest version is v202109020000. If your version is older one, please try to update.

Regards,
Takashi

[grahammccann]

Hello Takashi,

Firstly, thank you for this library it is fantastic! :)

Here is an image illustrating the error:

• The pointer is pointing to it absolutely fine it seems.
• Windows 10 (i'm using debugjs in a cefsharp browser window, basically embedded chrome)
• this.v = '202109020000'; same version too.

Did you get the text to enter ok yourself? it is probably something i'm doing wrong lol

best regards

Graham

[takashiharano]

Hi Graham,

Thank you for detailed information!

I was able to reproduce the issue.
The text field consists of an input element and a label element, and the label element overlays the input element.
The label element covers most of the input element, so the pointer points to the label.
This is the cause of "pointed area is not an input element".

The last time I tried it, the page was displayed in Japanese.
The label "First Name" is "名" in Japanese, and because it is short, the central part pointed by the pointer is input element.

Solution:
Try to add the alignX option to the point move command.

point move #user_profile_attributes_first_name -alignX 0

The alignX option aligns the pointer x-position.
Its range is from 0 to 1.
0 is left, 0.5 is center, and 1 is right.

However, there is a problem that the label "First Name" remains.
It seems that a little more ingenuity is needed to deal with this.
(Somehow, it disappears when we run the script twice.)

Regards

Takashi

[grahammccann]

Hello Takashi,

Thank you very much! I did:

point move #user_profile_attributes_first_name -alignX 0.5
wait 500
point click
point text "abc123"
wait 500

point init
point move #user_email -alignX 0.5
wait 500
point click
point text "[email protected]"
wait 500

point init
point move #user_password -alignX 0.5
wait 500
point click
point text "Inrivgg6754"
wait 500

And it works perfectly! :)

I have a last question if it is ok, you see when debuggerjs loads the debug window bottom right? is there a way to have it automatically on the bat editor window automatically? I tried to look in the code, but I did not want to break anything lol

Thank you very much

Graham

[takashiharano]

Hello Graham,

I'm glad it worked!

Yes, you can open bat editor window automatically.
There is a command to open the window.

open tool bat

And you can execute the command from pure JavaScript.

dbg.cmd('open tool bat');

If the debugger is hidden, call this.

dbg.show()

In addition, you can automatically enter the contents of the bat script by combining with dbg.bat.set().

Thank you!

Takashi

[grahammccann]

Thank you for the help Takashi, everything is working great.

Thanks again.

Regards

Graham