0
0

Delete article

Deleted articles cannot be recovered.

Draft of this article would be also deleted.

Are you sure you want to delete this article?

Playwrightでのクリック操作

Last updated at Posted at 2025-04-14

はじめに

Playwrightを使用する中で、画面上のボタン・ラジオボタン・チェックボックスなど操作対象の要素を特定した後、それぞれの要素を操作をする必要があります。
今回はHTML要素を特定し、クリック操作を行う方法を記載します。

開発環境

言語:C#
IDE:Visual Studio2022

ボタンをクリックする

HTML要素に指定されているid属性を使用して要素を特定します。
特定したボタン要素をクリックします。

ILocator btnElement = page.Locator("#btn");
await btnElement.ClickAsync();

ラジオボタンをクリックする

HTML要素に指定されているid属性を使用して要素を特定します。
特定したラジオボタン要素をクリックします。

ILocator rdoElement = page.Locator("#rdo");
await rdoElement.CheckAsync();

チェックボックスをクリックする(ONにする)

HTML要素に指定されているid属性を使用して要素を特定します
特定したチェックボックス要素をチェックONにします。

ILocator chkElement = page.Locator("#chk");
//チェックON
await chkElement.CheckAsync();

チェックボックスをクリックする(OFFにする)

HTML要素に指定されているid属性を使用して要素を特定します。
特定したチェックボックス要素をチェックOFFにします。

ILocator chkElement = page.Locator("#chk");
//チェックOFF
await chkElement.UncheckAsync();

さいごに

要素を取得した後の操作方法が他にもありますので、
テキスト操作・ドロップダウン操作などを今後記事にしていきたいと思います。

0
0
0

Register as a new user and use Qiita more conveniently

  1. You get articles that match your needs
  2. You can efficiently read back useful information
  3. You can use dark theme
What you can do with signing up
0
0

Delete article

Deleted articles cannot be recovered.

Draft of this article would be also deleted.

Are you sure you want to delete this article?