DeepL翻訳を自動化しながら、Seleniumの「OpenQA.Selenium.ElementNotInteractableException: element not interactable」エラーを対策してみる。

今回のテーマ

Contents

1 今回のテーマ
2 前回の記事のおさらい
3 Deepl翻訳のソースコード
4 スクロールバーを移動するソースコード
5 一定時間処理を空ける方法
- - 5.0.1 合わせて読みたいC# Linqを勉強するならこれだけは読んでほしいオススメの本3選　オススメの参考書

こんにちは、かっぱちゃんです。

ココがポイント

今回はDeepl翻訳を自動化するついでにSeleniumのエラーを対策していきます。

下記の記事の続きです。

CHECK

: Selenium使用時に、エラー：「OpenQA.Selenium.NoSuchElementException」と「OpenQA.Selenium.ElementNotInteractableException: element not interactable」の解決方法1

今回のテーマContents1 今回のテーマ2 「OpenQA.Selenium.ElementNotInteractableException」と「OpenQA.Selenium.NoSuchEle ...

続きを見る

Seleniumを使う環境が整っていない方はこちら

CHECK

: Microsoft Edgeを自動化してみよう１

まえがきContents1 まえがき2 Seleniumの準備3 ブラウザの表示の仕方4 googleでの検索方法5 まとめはじめまして、かっぱちゃんです！これからC#のSeleniumの使い方に ...

続きを見る

Seleniumの操作方法の説明は下記に記述しております。

CHECK

: Microsoft Edgeを自動化してみよう3

まえがきContents1 まえがき2 今回学ぶメソッド3 FindElementByClassName4 FindElementById5 FindElementByName6 Close7 Ba ...

続きを見る

前回の記事のおさらい

前回の記事では、「OpenQA.Selenium.ElementNotInteractableException: element not interactable」は下記の3点を試すとエラーが解消するとお伝えしました。

ポイント

画面を最大化する。
スクロールを合わせる。
一つのアクション後に一定時間処理を空けてみる。

前回の記事では1番目の「画面を最大化する」方法でエラーを解消できたので、今回は2番目と3番目の解決方法を試してみましょう！！

Deepl翻訳のソースコード

DeepL翻訳で翻訳先の言語を「イタリア語」に選択するソースコードを作ってみました。

using OpenQA.Selenium; 
using OpenQA.Selenium.Edge; 
namespace Selenium { 
　class Program { 
　　static void Main(string[] args) { 
　　　var driver = new EdgeDriver(EdgeDriverService.CreateDefaultService(@"D:\", "msedgedriver.exe"));
　　　driver.Navigate().GoToUrl("https://www.deepl.com/ja/translator"); 
　　　//翻訳前のテキストボックスに記述します。 
　　　driver.FindElement(By.XPath("//textarea[@class = 'lmt__textarea lmt__source_textarea lmt__textarea_base_style']")).SendKeys("テスト"); 
　　　//翻訳言語一覧表示ボタンをクリックします。 
　　　driver.FindElement(By.XPath("//span[@class='translate_to']")).Click(); 
　　　//翻訳言語を選びます。 
　　　driver.FindElement(By.XPath("//button[@dl-test='translator-lang-option-it-IT']")).Submit(); 
　　} 
　} 
}

using OpenQA.Selenium;

using OpenQA.Selenium.Edge;

namespace Selenium {

　class Program {

　　static void Main(string[] args) {

　　　var driver = new EdgeDriver(EdgeDriverService.CreateDefaultService(@"D:\", "msedgedriver.exe"));

　　　driver.Navigate().GoToUrl("https://www.deepl.com/ja/translator");

　　　//翻訳前のテキストボックスに記述します。

　　　driver.FindElement(By.XPath("//textarea[@class = 'lmt__textarea lmt__source_textarea lmt__textarea_base_style']")).SendKeys("テスト");

　　　//翻訳言語一覧表示ボタンをクリックします。

　　　driver.FindElement(By.XPath("//span[@class='translate_to']")).Click();

　　　//翻訳言語を選びます。

　　　driver.FindElement(By.XPath("//button[@dl-test='translator-lang-option-it-IT']")).Submit();

　　}

 出力結果
OpenQA.Selenium.ElementNotInteractableException: element not interactable

イタリア語を選択して、テストを翻訳できていると思います。

下記が参照している属性一覧です。

属性一覧

翻訳前のテキストボックス

訳文ラベルクリック

翻訳言語の選択

<button tabindex="99" dl-test="translator-lang-option-it-IT">イタリア語</button>

スクロールバーを移動するソースコード

下記の１行追加したソースコードを実行してみてください。

window.scrollToは、スクロールバーを指定した位置に移動するメソッドです。

using OpenQA.Selenium;
using OpenQA.Selenium.Edge;

namespace Selenium
{
    class Program
    {
        static void Main(string[] args)
        {
var driver = new EdgeDriver(EdgeDriverService.CreateDefaultService(@"D:\", "msedgedriver.exe"));
            driver.Navigate().GoToUrl("https://www.deepl.com/ja/translator");
            //翻訳前のテキストボックスに記述します。
            driver.FindElement(By.XPath("//textarea[@class = 'lmt__textarea lmt__source_textarea lmt__textarea_base_style']")).SendKeys("テスト");
            //下記のコードを一行追加
            driver.ExecuteScript("window.scrollTo(0, 1000)");
            //翻訳言語一覧表示ボタンをクリックします。
            driver.FindElement(By.XPath("//span[@class='translate_to']")).Click();
            //翻訳言語を選びます。
            driver.FindElement(By.XPath("//button[@dl-test='translator-lang-option-en-IT']")).Submit();
        }
    }
}

using OpenQA.Selenium;

using OpenQA.Selenium.Edge;

namespace Selenium

{

class Program

{

static void Main(string[] args)

{

var driver = new EdgeDriver(EdgeDriverService.CreateDefaultService(@"D:\", "msedgedriver.exe"));

driver.Navigate().GoToUrl("https://www.deepl.com/ja/translator");

//翻訳前のテキストボックスに記述します。

driver.FindElement(By.XPath("//textarea[@class = 'lmt__textarea lmt__source_textarea lmt__textarea_base_style']")).SendKeys("テスト");

//下記のコードを一行追加

driver.ExecuteScript("window.scrollTo(0, 1000)");

//翻訳言語一覧表示ボタンをクリックします。

driver.FindElement(By.XPath("//span[@class='translate_to']")).Click();

//翻訳言語を選びます。

driver.FindElement(By.XPath("//button[@dl-test='translator-lang-option-en-IT']")).Submit();

}

下記のエラーが表示されたと思います。下記のエラーは表示画面に訳文が見つからず、クリック出来なかったことによるエラーです。

 command
OpenQA.Selenium.ElementClickInterceptedException

なので、スクロールバーを上に戻してあげましょう。下記を追加してみてください。

driver.ExecuteScript("window.scrollTo(0, 0)");

1	driver.ExecuteScript("window.scrollTo(0, 0)");

処理がなおったと思います。

一定時間処理を空ける方法

一つのアクション後に一定時間処理を空ける下記のやり方は

System.Threadingを追加し、

Thread.Sleep(1000)のように指定してください。1000は1秒間待つということです。

処理に画面表示が追い付いてない時などに使用すると良いです。

基本的にエラーでつまずいたときは画面に対象の属性が表示されないことがほとんどなので、

エラーでつまずいた時は下記の３つを試してみましょう。

ポイント

画面を最大化する。
スクロールを合わせる。
一つのアクション後に一定時間処理を空けてみる。

下記がソースコードです。

using OpenQA.Selenium;
using OpenQA.Selenium.Edge;
using System.Threading;


namespace Selenium
{
    class Program
    {
        static void Main(string[] args)
        {
var driver = new EdgeDriver(EdgeDriverService.CreateDefaultService(@"D:\", "msedgedriver.exe"));
            driver.Navigate().GoToUrl("https://www.deepl.com/ja/translator");
            //翻訳前のテキストボックスに記述します。
            driver.FindElement(By.XPath("//textarea[@class = 'lmt__textarea lmt__source_textarea lmt__textarea_base_style']")).SendKeys("テスト");
            //スクロールバーを下げる
            driver.ExecuteScript("window.scrollTo(0, 1000)");
            //一秒待つ
            Thread.Sleep(1000);
            //最大化
            driver.Manage().Window.Maximize();
            //スクロールバーを上げる
            driver.ExecuteScript("window.scrollTo(0, 0)");
            //翻訳言語一覧表示ボタンをクリックします。
            driver.FindElement(By.XPath("//span[@class='translate_to']")).Click();
            //翻訳言語を選びます。
            driver.FindElement(By.XPath("//button[@dl-test='translator-lang-option-it-IT']")).Submit();
        }
    }
}

using OpenQA.Selenium;

using OpenQA.Selenium.Edge;

using System.Threading;

namespace Selenium

{

class Program

{

static void Main(string[] args)

{

var driver = new EdgeDriver(EdgeDriverService.CreateDefaultService(@"D:\", "msedgedriver.exe"));

driver.Navigate().GoToUrl("https://www.deepl.com/ja/translator");

//翻訳前のテキストボックスに記述します。

driver.FindElement(By.XPath("//textarea[@class = 'lmt__textarea lmt__source_textarea lmt__textarea_base_style']")).SendKeys("テスト");

//スクロールバーを下げる

driver.ExecuteScript("window.scrollTo(0, 1000)");

//一秒待つ

Thread.Sleep(1000);

//最大化

driver.Manage().Window.Maximize();

//スクロールバーを上げる

driver.ExecuteScript("window.scrollTo(0, 0)");

//翻訳言語一覧表示ボタンをクリックします。

driver.FindElement(By.XPath("//span[@class='translate_to']")).Click();

//翻訳言語を選びます。

driver.FindElement(By.XPath("//button[@dl-test='translator-lang-option-it-IT']")).Submit();

}

KappaChan

今回の記事は終了かっぱ！

自動化の関連記事はこちら

: 合わせて読みたいC# Linqを勉強するならこれだけは読んでほしいオススメの本3選　オススメの参考書

C#を勉強するためのオススメの本を紹介Contents1 C#を勉強するためのオススメの本を紹介1.1 C#の基礎を学ぶなら「やさしいC#」1.2 C#の全体像を学ぶなら「独習C#」1.3 C#をさら ...

続きを見る