Differences

This shows you the differences between two versions of the page.

--- informatica:linux:selenium:ejemplos [2020/05/01 07:42] – created jose
+++ informatica:linux:selenium:ejemplos [2020/07/04 00:22] (current) – jose
@@ Line 2: / Line 2: @@
 http://wiki.legido.com/doku.php?id=informatica:linux:selenium:instalacion
-====== Seleccionar zona ======
+====== Inspeccionar URL ======
 Una página web tiene un DOM con diferentes zonas dependientes, como contenedores.
-Cogeremos como ejemplo la web de renfe y buscaremos un billete.
+Cogeremos como ejemplo la web de instantbyte y buscaremos un artículos.
+Vamos a ir a http://www.instantbyte.com/ e inspeccionamos el código (F12 en firefox o botón derecho inspeccionar elemento) sobre la casilla de buscar
+Abrimos navegador:
+  ipython3
+<code>
+from selenium import webdriver
+from selenium.webdriver.firefox.options import Options
+options = Options()
+driver = webdriver.Firefox(options=options)
+url = 'http://www.instantbyte.com/'
+driver.get(url)
+</code>
+====== Formato xpath ======
+Para seleccionar una zona usamos xpath, el formato es:
+  <span title="Armando Bronca">
+  xpath = './/span[@title="Armando Bronca"]'
+  o = driver.find_element_by_xpath(xpath)
+Se puede modificar:\\
+Contiene:
+  xpath = './/span[contains(@title, "Armando Bronca")]'
+====== Seleccionar zona ======
+Nos ponemos en la web de instantbyte, en la casilla Búsqueda avanzada, Inspect Element
+{{::selenium01.png|}}
+Queremos seleccionar el campo input de tipo text. Aquí nos podemos encontrar con varios problemas si el dom está mal hecho como es el caso sin id, puede haber mas de uno:
+  xpath = './/input[@type="text"]'
+  o = driver.find_element_by_xpath(xpath)
+Mostramos lo que ha seleccionado:
+  print(o.get_attribute('outerHTML'))
+  <input type="text" name="keywords" size="30" maxlength="30" style="width: 124px">
+Ahora podemos enviar texto, hacer click.... Podemos borrar el contenido si suele tener algo:
+  o.clear()
+Y enviamos lo que queramos
+  o.send_keys("omnitik")
+Volvemos a borrar contenido:
+  o.clear()
+====== Click ======
+Abajo a la derecha tenemos el botón de "Lo tengo!" para las cookies. inspeccionamos:
+  <a href="#null" data-cc-event="click:dismiss" target="_blank" class="cc_btn cc_btn_accept_all">Lo tengo !</a>
+Lo seleccionamos:
+<code>
+xpath = './/a[@data-cc-event="click:dismiss"]'
+o = driver.find_element_by_xpath(xpath)
+print(o.get_attribute('outerHTML'))
+</code>
+Hacemos click:
+  o.click()
+====== Lista desplegable ======
+Abajo a la izquierda donde pone Euro
+{{:informatica:linux:selenium:selenium02.png|}}
-Vamos a www.renfe.com e inspeccionamos el código (F12 en firefox o botón derecho inspeccionar elemento)
+Si pulsamos los 3 puntos ... nos saldrán los posibles valores como option:
+{{:informatica:linux:selenium:selenium03.png|}}
-Nos ponemos en la casilla de origen, botón derecho, Inspect Element
+O si copiamos el código:
-{{:informatica:linux:selenium:selenium01.png|}}
+  <select name="currency" onchange="this.form.submit();" style="width: 100%"><option value="ESP">Pesetas</option><option value="EUR" selected="">Euro</option></select>
+Vaya web he elegido que sale Pesetas.....
+Para seleccionar una opción:
+  xpath = "//select[@name='currency']/option[@value='ESP']"
+  o = driver.find_element_by_xpath(xpath)
+  o.click()
+Podemos seleccionar por texto, pero cuidado con las webs multidioma:
+  xpath = "//select[@name='currency']/option[text()='Pesetas']"
+  o = driver.find_element_by_xpath(xpath)
+  o.click()
+====== Grabar todo el contenido de una web ======
+<code>
+content = driver.page_source
+with open('webpage.html', 'w') as f:
+    f.write(content)
+</code>