agoutiでチェックボックスにチェックを入れる

Question

<input type="checkbox" name="checkname" id="checkid" value="checkvalue" class="checkclass" checked="checked">

をagoutiでチェックを入れるにはどうすればいいのでしょうか？

page, err := driver.NewPage(agouti.Browser("chrome"))
page.Navigate("https://www~")

をして
page.FindByID("checkid").Check()
page.FindByID("checkid").Click()
としてもできませんでした

Comments

[yasutakatou]

仰っている「できませんでした」はエラーが無いのに、チェックが付かないと思っていいでしょうか。
という推測からいくとpage, err := driver.NewPage(agouti.Browser("chrome"))のerrはエラーではないですよね。コンソールに何も出ないということで良いでしょうか。またチェック以外のagoutiの動作はどうでしょうか。chromeのドライバが正常に動いているかどうかを確認したいです。

[T_retasu]

page.Navigateまでは問題なくできています
スクリーンショットを撮ってみるとちゃんとそのページが写し出されています
ですのでチェックだけの問題かなと認識しています

[yasutakatou]

ご確認ありがとうございます！となるとドライバは正常に動いていることになります。
頂いた部分的なhtmlだけだとこちらで試すのも難しいので、コードは書いていませんがFindByIDでクリックしている例が見つからなかったので一旦、
https://qiita.com/ekzemplaro/items/8c84c4afbc4365e6b149
以下の書式に書き直してもらうことは可能でしょうか？事例ベースの回答となってしまい申し訳ございませんが。。

str_select = "input[type='checkbox'][id='plan_b']"
item = page.Find(str_select)
item.Click()

[T_retasu]

ありがとうございます
item.Click()
も
item.Check()
もやってみたのですがスクリーンショットをとってもチェックは入っていませんでした

[yasutakatou]

肝心な部分を書きもれました！大変申し訳ないです。
「checkbox以外の操作は効きますか？」です。テキストボックスの入力などを想定しております。
あと、チェック付けたいURLって教えて頂くことは難しいですよね・・

[T_retasu]

このページではないのですが、このページに来る前のログイン画面でパスワードを入力してからのsubmitはできました
このページは条件を満たさないと表示がされないものになりますので教えても試される事は難しいと思います
すいません

[yasutakatou]

ご返信が遅くなり大変申し訳ないです。手元でもテストしようとしたのですがうまくいかなくて。
（ミイラ取りがミイラに・・笑）
一点確認ですが、html上ではchecked="checked"なのでチェックは最初から入っているようにも見えます。
なので、何もしなければチェックボックスがどういう状態なのかという点が気になります。

[T_retasu]

checkedなのですがチェックは何故か入っていないのです

[yasutakatou]

それは変ですね。。どうもhtml自体はおかしいような気がしますね。
https://stackoverflow.com/questions/64531070/how-do-i-check-the-checkbox-in-agouti
みたいにidからclassに変更するとか試す方法がありますが、元からchromeドライバ自体が誤作動する書式で動いているのであればどうにもできないですね。。

[T_retasu]

症状でググっていた所、pythonのseleniumなのですが
from selenium.webdriver.common.action_chains import ActionChains

element = driver.find_element_by_xpath("~") ActionChains(driver).move_to_element(element).click(element).perform()
ならできるとあり、pythonでこれを試してみるとできました
agoutiではないのですが

Answer 1

以下の事例ではcheckedの値がtrueになっています。

index.html

<input id="check1" type="checkbox" />

main.go

package main

import (
	"fmt"
	"log"
	"os"

	"github.com/sclevine/agouti"
)

func main() {
	driver := agouti.PhantomJS()
	if err := driver.Start(); err != nil {
		log.Fatalf("Failed to start driver:%v", err)
	}
	defer driver.Stop()
	page, err := driver.NewPage()
	if err != nil {
		log.Fatalf("Failed to open page:%v", err)
	}
	wd, _ := os.Getwd()
	url := fmt.Sprintf("file://%s/index.html", wd)
	if err := page.Navigate(url); err != nil {
		log.Fatalf("Failed to navigate:%v", err)
	}
	if err := page.FindByID("check1").Check(); err != nil {
		log.Fatalln(err)
	}
	fmt.Println(page.FindByID("check1").Attribute("checked"))
}

出力

true <nil>

もちろん、Check()のところをコメントアウトにすれば出力はfalseになります。

Comments

[T_retasu]

ありがとうございます
pythonのseleniumですと
from selenium.webdriver.common.action_chains import ActionChains

element = driver.find_element_by_xpath("~") ActionChains(driver).move_to_element(element).click(element).perform()
ですとクリックはできました
agoutiではないのですが

[yasutakatou]

んーやりたいことはできたけど、最初のやりかたでは無かったという結果ですね。
挙動的にagoutiのバグかもしれませんが、解決したのでこれ以上トレースしてもなあ、、ってとこでしょうか。すみませんが、これ以上時間をかける意味がないのでここまででクローズですかね。。

[nobonobo]

質問に対応する処理が実現できている回答のつもりです。
この回答のコードでChromeDriverに変更すると表示されるブラウザ表示でチェックボックスが操作通りに反映することを確認できました。

[nobonobo]

もし、そうならないというのであれば環境に関する情報を比較していくしか解決方法は見つからないと思います。