0

Estou tendo um problema na hora de buscar um item dentro de uma pagina, esse item é carregado posteriormente ao carregamento da pagina via ajax ou iframe, existe alguma forma de criar uma condição para que o script aguarde até que o item apareça?

Para exemplificar meu problema eu fiz o seguinte teste:

Python:

from selenium import webdriver
from selenium.webdriver.support.ui import WebDriverWait
from selenium.webdriver.support import expected_conditions as EC
from selenium.webdriver.common.by import By
from selenium.common.exceptions import TimeoutException
browser = webdriver.Firefox()
browser.get("http://localhost/test_time.php")
delay = 10 # seconds
try:
    myElem = WebDriverWait(browser, delay).until(EC.presence_of_element_located((By.ID, 'id_2'))) 
    print ("Elememento encontrado")
except TimeoutException:
    print ('Nao foi dessa vez :(')
    pass

Faço a busca pelo id_2 que é exibido 5 segundos após a conclusão do carregamento da pagina pelo javascript

HTML:

<!DOCTYPE html>
<html lang="en">
<head>
    <meta charset="UTF-8">
    <meta name="viewport" content="width=device-width, initial-scale=1.0">
    <meta http-equiv="X-UA-Compatible" content="ie=edge">
    <title>Teste Python</title>
    <script src="https://ajax.googleapis.com/ajax/libs/jquery/3.3.1/jquery.min.js"></script>
    <script>
        function sleep(milliseconds) {
            var start = new Date().getTime();
            for (var i = 0; i < 1e7; i++) {
                if ((new Date().getTime() - start) > milliseconds){
                break;
                }
            }
        }
        $( document ).ready(function() {
            console.log('js start');     
            sleep(5000);
            jQuery('<div> DIV 2 </div>', {id: 'id_2', }).appendTo('#content');                      
            console.log('js Done');                 
        });
    </script>    
</head>
<body>
    <div>Main page</div>
    <div id='content'>
        <div id="id_1">DIV 1</div>
    </div>
</body>
</html>

Esse é o HTML tenho 2 div se fizer a busca pela div id_1 ele encontra sem nenhum problema, porem a div id_2 que é exibida 5 segundos após o carregamento da pagina não é encontrada pelo selenium mesmo que eu determine o wait time de 10 segundos.

Gostaria de uma luz para encontrar uma solução para esse problema.

1 Resposta 1

1

A forma com que você está criando o elemento com o Jquery não está criando o atributo id.

Se você der um inspecionar elemento ou exibir código fonte da página verá que o novo elemento está sem id.

inserir a descrição da imagem aqui

Exemplo:

<!doctype html>
<html lang="pt_BR">

<head>
    <meta charset="utf-8">
    <meta name="viewport" content="width=device-width, initial-scale=1">

    <title>Exemplo Selenium</title>
</head>

<body>
    <div>Main page</div>
    <div id='content'>
        <div id="id_1">DIV 1</div>
    </div>

    <!-- CDN do Jquery (Ajax) -->
    <script src="https://code.jquery.com/jquery-3.3.1.min.js" integrity="sha256-FgpCb/KJQlLNfOu91ta32o/NMZxltwRo8QtmkMRdAu8="
        crossorigin="anonymous"></script>

    <!-- Script -->
    <script>
        function sleep(ms) {
            return new Promise(resolve => setTimeout(resolve, ms));
        }

        async function criarElementoJquery() {
            // Criando um novo elemento.
            let novo = $("<div></div>");
            // Definindo o texto do elemento.
            novo.text("DIV 2");
            // definindo um atributo para o elemento.
            novo.attr("id", "id_2");
            // Aguardando 5 segundo para criar o elemento.
            await sleep(5000);
            // Adicionando o elemento.
            $("#content").append(novo);
        }

        async function criarElementoJS() {
            // Criando um novo elemento
            let novo = document.createElement("div");
            // Definindo um atributo do tipo id para o elemento.
            novo.setAttribute("id", "id_3");
            // Inserindo um valor no elemento.
            novo.append("DIV 3");
            // Aguardando 10 segundo para criar o novo elemento.
            await sleep(10000)
            // Selecionando o elemento e adicionando o conteúdo.
            document.getElementById("content").appendChild(novo);
        }

        window.onload = function () {
            console.log("Página carregada")
            criarElementoJquery();
            criarElementoJS();
        }

    </script>
</body>

</html>

No código do Selenium eu fiz assim:

#!/usr/bin/env python3
# -*- coding: utf-8 -*-
"""Buscando elemento pelo id com Selenium"""
from selenium import webdriver

# Definindo o navegador que fará a conexão.
driver = webdriver.Firefox()

# Endereço que será acessado.
driver.get('http://127.0.0.1:5000/')

# Tempo que o Selenium vai ficar verificando a página.
driver.implicitly_wait(30)

try:
    # Buscando elemento pela id.
    elemento = driver.find_element_by_id('id_2')
except Exception as e:
    print('Nao foi dessa vez :(', e)
else:
    print('Elememento encontrado:')
    print(elemento)
finally:
    # Fechando a janela do navegador
    driver.quit()

Resultado:

inserir a descrição da imagem aqui

Você deve fazer log-in para responder a esta pergunta.

Esta não é a resposta que você está procurando? Pesquise outras perguntas com a tag .