Playwrightを使ったHTML要素の操作

						await page.goto('https://web.biz-prog.net/test/testpage.html');

						//ボタンのクリック
						//buttonに「ボタン１」と表示されているlocatorを取得し、クリックする。
						await page.getByRole("button", { name: "ボタン１" }).click();
					  
						//リンクのクリック
						//「リンク１」のテキストがあるlocatorを取得し、クリックする。
						await page.getByText("リンク１").click();
					  
						//チェックボックスのクリック
						//「チェック」のテキストと一致するlocatorを取得し、クリックする。
						await page.getByText("チェック", { exact: true }).click();
					  
						//ラジオボタンのクリック
						//値が「value2」のinputタグと一致するlocatorを取得し、クリックする。
						await page.locator("input[value='value2']").click();
					

						await page.goto('https://web.biz-prog.net/test/testpage.html');

						//チェックボックスのチェック
						//「チェック」のテキストと一致するlocatorを取得し、チェックする。
						await page.getByText("チェック", { exact: true }).check();
					  
						//ラジオボタンのチェック
						//値が「value2」のinputタグと一致するlocatorを取得し、チェックする。
						await page.locator("input[value='value2']").check();
					  
						//チェックボックスのチェック状態をOFF
						await page.getByText("チェック", { exact: true }).uncheck();

						//ラジオボタンのチェック状態を取得
						console.log(await page.locator("input[value='value2']").isChecked())
					

						await page.goto('https://web.biz-prog.net/test/testpage.html');

						// 指定した値のオプションを選択
						await page.locator("[name='selectname'][multiple]").selectOption('value_m1');
						
						// 指定したラベルのオプションを選択
						await page.locator("[name='selectname'][multiple]").selectOption({ label: '値_m2' });
						
						// 複数のオプションを選択
						await page.locator("[name='selectname'][multiple]").selectOption(['value_m1', 'value_m2', 'value_m3']);

						// オプションの値を取得。JavaSciptを使う
						await page.locator("[id='selectbox1']").selectOption('value2');
						const selectedOption = await page.locator("[id='selectbox1']")
						.evaluate((node) => {
							return node.options[node.selectedIndex].value;
						});
						console.log(selectedOption);
					  
						// 複数選択時のオプションの値を取得。JavaScriptを使う
						const selectedOptions = await page.locator("[id='selectbox2']")
						  .evaluate((node) => {
							  const selectedValues = [];
							  for (const option of node.options) {
								  if (option.selected) {
									  selectedValues.push(option.value);
								  }
							  }
							  return selectedValues;
						  });
						console.log(selectedOptions);
					

						await page.goto('https://web.biz-prog.net/test/testpage.html');

						//テキスト欄にテキスト入力
						//テキストボックスのaria-label属性に"area-input1"が設定されているlocatorを取得し、「test」を入力する。
						await page.getByRole("textbox", { name: "area-input1" }).fill("test");

						//テキストボックスの値を取得
						console.log(await page.getByRole("textbox", { name: "area-input1" }).inputValue())
					

						await page.goto('https://web.biz-prog.net/test/testpage.html');

						//info属性の値を表示
						console.log(await page.locator("#styleid1").getAttribute("info"));
						
						//文字のスタイル内容を設定
						await page.evaluate(()=>{
						  document.getElementById("styleid1").setAttribute('info','newinfo');
						});
						console.log(await page.locator("#styleid1").getAttribute("info"));
					

						await page.goto('https://web.biz-prog.net/test/testpage.html');

						//アップロード欄にファイルを設定します。
						//※存在しないファイルを指定した場合は例外が発生します。
						await page.locator("input[name='filename']").setInputFiles("code\\upload.js");
					  
						//複数のファイルを選択
						await page.locator("input[name='filename_m']").setInputFiles(["sample.js", "code\\upload.js"]);
					  
						//選択したファイルをすべてクリア
						await page.locator("input[name='filename_m']").setInputFiles([]);
					  
						//メモリのデータをアップロード
						await page.locator("input[name='filename']").setInputFiles({
						  name: 'file.txt',
						  mimeType: 'text/plain',
						  buffer: Buffer.from('this is test')
						});
					

						await page.getByRole("textbox", { name: "area-input1" }).focus();