Al giorno d’oggi, lo sviluppo di un’applicazione web deve tenere conto delle diverse dimensioni dei display degli utenti. L’approccio responsive, che consente a un progetto web pubblicato di adattarsi automaticamente ai requisiti tecnici del rispettivo dispositivo, si è ormai affermato come standard indiscusso. Per un sito web moderno, oltre all’elevato grado di flessibilità in termini di dimensioni dello schermo, è altrettanto importante la compatibilità con i vari browser: gli utenti dovrebbero poter accedere a un sito senza limitazioni, che sia con Firefox, Chrome, Safari o un altro client web.
Per questo motivo, il cosiddetto Cross-Browser testing svolge da anni un ruolo importante nella programmazione dei progetti web. Uno degli strumenti più diffusi per condurre tali test è il framework Selenium, rilasciato da ThoughtWorks, che esamineremo meglio in questo tutorial.
Al fine di ottimizzare il processo di sviluppo di un’applicazione gestionale per monitorare tempi e costi in Python, Jason Huggins ha creato nel 2004 con JavaScriptTestRunner il nucleo del framework di web testing, noto oggi come Selenium. Inizialmente, lo strumento veniva utilizzato solo internamente dalla società di software ThoughtWorks, dove Huggins lavorava a quel tempo. Dopo essere passato a Google (2007), ha proseguito con lo sviluppo e corretto i bug del software, che a quel punto era diventato open source (licenza Apache 2.0) e quindi accessibile a tutti. Dopo l’integrazione dell’API WebDriver, al framework di test è stato assegnato il suo nome attuale Selenium o Selenium WebDriver.
La versione odierna di Selenium si basa esclusivamente su HTML e JavaScript e consente agli sviluppatori di testare e registrare le interazioni con un’applicazione web, per poi ripeterle a piacere in modo del tutto automatizzato. I componenti chiave che rendono possibile questo processo di testing sono i seguenti:
Per tutelare la vostra privacy il video si caricherà dopo aver cliccato.
Selenium è un elemento fisso dell’ambiente di test e funge soprattutto come quadro di riferimento per un’ampia varietà di programmi in questo contesto. Gli esempi più noti includono il framework end-to-end Protractor, progettato specificamente per testare le applicazioni Angular e AngularJS, che utilizza l’API WebDriver per simulare le interazioni con gli utenti. Anche il software di automazione dei test Appium, progettato per app mobili native e ibride, utilizza l’interfaccia standardizzata per eseguire i test in modo facile e comodo nel linguaggio di programmazione preferito.
Un altro esempio che si basa su Selenium è il noto servizio web basato su cloud BrowserStack. Questo servizio, sviluppato in India, offre diversi abbonamenti dopo un periodo di prova gratuito e utilizza il framework di testing come base per i suoi test automatici per la versione desktop e Mobile.
Selenium o Selenium WebDriver può naturalmente essere utilizzato anche come software open sourceindipendente dai programmi esistenti, come le soluzioni menzionate sopra. Con i vari componenti, che vengono combinati nel framework, questo non pone alcun problema, premesso che si disponga del know-how richiesto.
Se desiderate creare i vostri casi di test con Selenium senza dipendere da un servizio o da un produttore di software esterni, non avete necessariamente bisogno di una conoscenza specifica in materia di programmazione. Il testing dei browser con il framework, infatti, consente di scrivere gli script di test in vari linguaggi, tra cui JavaScript, Java, C#, Ruby e Python. Nel seguente tutorial di Selenium, la configurazione e l’uso del framework saranno dimostrati a titolo di esempio utilizzando Python.
I seguenti passaggi di questo tutorial di Selenium WebDriver presuppongono che sia installata una versione attuale di Python.
Per utilizzare Selenium WebDriver potete scegliere tra diversi client e una serie di librerie, chiamate“Language Bindings”, che costituiscono la base del framework o della procedura di testing. Dovete però installare i driver dei client e le librerie per il linguaggio che volete utilizzare per gli script.
Nel nostro tutorial di Selenium WebDriver, abbiamo bisogno dei Language Bindings per Python, che possono essere installati per impostazione predefinita con il pip del gestore pacchetti Python e il seguente comando:
pip install seleniumIn alternativa, è possibile scaricare il pacchetto sorgente al link indicato in precedenza, decomprimerel’archivio tar.gz e utilizzare il filesetup.py per eseguire l’installazione. In questo caso, il comando richiesto è:
python setup.py installNella seconda fase è necessario scaricare e installare il driver del browser a cui Selenium deve connettersi. Firefox, ad esempio, richiede il driver geckodriver, le cui versioni ufficiali sono disponibili nel seguente repository di GitHub. Un elenco completo dei driver per i principali browser (Chrome, Edge, Internet Explorer, Safari, ecc.) può essere consultato nella documentazione online di Selenium.
Se desiderate utilizzare Selenium tramite connessione remota, è necessario installare anche il componente server di Selenium. I relativi pacchetti di installazione sono disponibili nella pagina ufficiale di download del framework (alla voce “Selenium Server (Grid)”). L’esecuzione dell’applicazione server richiede una versione attuale di Java Runtime Environment (JRE).
Una volta creati i prerequisiti per utilizzare Selenium WebDriver, è possibile iniziare a scrivere script di test per il progetto web. A questo scopo, è in genere sufficiente l’editor di codice scelto, ma si consiglia di utilizzare un IDE Python (o un ambiente di sviluppo per il linguaggio con cui si desidera lavorare) per massimizzare la produttività. Alcune soluzioni conosciute e diffuse sono ad esempio:
Una volta pronta la soluzione desiderata, è possibile iniziare a scrivere script personalizzati per automatizzare le interazioni del browser utilizzando le classi e le funzioni di Selenium. In questo tutorial di Selenium, creiamo un esempio di script Python per Firefox, che, nel browser Mozilla, chiama automaticamente il motore di ricerca Google, digita un termine di ricerca e poi valuta o registra i risultati. Sotto forma di codice, questi passaggi automatici si presentano così:
from selenium import webdriver
from selenium.webdriver.common.keys import Keys
# Per creare una sessione con Firefox
driver = webdriver.Firefox()
driver.implicitly_wait(30)
driver.maximize_window()
# Per aprire un’applicazione web
driver.get("http://www.google.it")
# Per localizzare una casella di testo
search_field = driver.find_element_by_id("lst-ib")
search_field.clear()
# Per inserire e confermare un termine di ricerca
search_field.send_keys("Termine di ricerca")
search_field.submit()
# Per ottenere l'elenco dei risultati di ricerca visualizzati
# grazie al metodo find_elements_by_class_name
lists= driver.find_elements_by_class_name("_Rm")
# Per scorrere tutti gli elementi e riprodurre un testo personalizzato
i=0
for listitem in lists:
print (listitem.get_attribute("innerHTML"))
i=i+1
if(i>10):
break
# Per chiudere la finestra del browser
driver.quit()Nella tabella seguente viene riepilogato il significato dei singoli componenti dello script:
| Riga/righe di codice | Significato |
|---|---|
| from selenium import webdriverfrom selenium.webdriver.common.keys import Keys | In primo luogo, viene caricato il modulo WebDriver per implementare le classi e i metodi per supportare i vari browser. Subito dopo, lo script carica la configurazione della tastiera virtuale per poter simulare gli input della tastiera in un secondo momento. |
| driver = webdriver.Firefox()driver.implicitly_wait(30)driver.maximize_window() | Nella seconda fase viene creata un’istanza di Firefox, che può essere controllata successivamente con i comandi Selenium. È previsto un timeout di 30 secondi per l’avvio del browser. La finestra del browser deve, inoltre, essere ingrandita. |
| driver.get("http://www.google.it") | Ora lo script richiama la pagina italiana di Google, che serve qui come base per le interazioni automatizzate con gli utenti. |
| search_field = driver.find_element_by_id("lst-ib")search_field.clear() | Quando viene aperto il motore di ricerca, lo script cerca la casella di testo di Google, che è caratterizzata dall’attributo ID "lst-ib". Non appena viene individuata, il campo di ricerca viene dapprima svuotato utilizzando il metodo clear(). |
| search_field.send_keys("Termine di ricerca")search_field.submit() | Segue l’inserimento del testo “Termine di ricerca”, che viene confermato con il metodo submit(). |
| lists= driver.find_elements_by_class_name("_Rm") | I singoli risultati di ricerca sono elencati come elementi <a>. In modo che possano essere controllati dal metodo find_elements_by_class_name, è necessario introdurlo a questo punto nello script. |
| i=0for listitem in lists: print (listitem.get_attribute("innerHTML")) i=i+1 if(i>10): break | Nell’ultimo passaggio attivo, lo script visualizza l’elenco dei risultati ottenuti, limitandolo alle prime dieci voci con tag <a>. |
| driver.quit() | La riga di codice finale assicura che l’istanza del browser venga terminata. |
L’esempio utilizzato in questo tutorial di Selenium mostra chiaramente quanto il framework sia adatto per il testing dei browser. Mostra, inoltre, che Selenium WebDriver è altrettanto interessante per il Web Scraping con Python, un altro dei numerosi usi della suite di testing. Potete ottenere informazioni più dettagliate su questa raccolta di dati dal web nel nostro articolo “Che cos’è il Web Scraping?”.
Selenium o Selenium WebDriver offre strumenti di prima classe per raccogliere importanti dati di siti web e simulare le interazioni con gli utenti. Il framework open source non è, tuttavia, adatto a tutte le aree di applicazione, come chiariscono gli sviluppatori nel loro elenco dei “Worst cases” (casi peggiori). I casi o i contenuti di siti web che non è possibile testare o acquisire con Selenium includono i seguenti:
Teaser Con jQuery, la libreria di JavaScript, potete personalizzare in maniera molto semplice gli elementi HTML. I selettori CSS più conosciuti, come quelli degli elementi o delle classi, aiutano quindi a selezionare i contenuti desiderati e a manipolare diverse azioni. Inoltre si possono scrivere righe di codice, che reagiscono alla navigazione, agli input del visitatore e che eseguono...
Nato per necessità, Git è stato sviluppato dal team di Linux e per molti è rapidamente diventato lo strumento numero uno di controllo delle versioni. Ciò è dovuto in parte al fatto che le grandi piattaforme di sviluppo come GitHub o BitBucket si basano su software open source. Nel nostro tutorial per principianti apprenderete le nozioni di base di Git.
Con il fuzzing si cercano in modo mirato le vulnerabilità nella programmazione generando in modo automatico un flusso di dati casuali in input che viene inviato al programma per l’elaborazione, e verificando se i comportamenti anomali intenzionali o accidentali causano il crash del software. Se questo si verifica, significa che l’intero sistema è esposto a un rischio di sicurezza.
I programmatori utilizzano il Test Driven Development (TDD) per controllare lo sviluppo del software testando i componenti del codice. I test assicurano un’architettura pulita e riducono i bug. Il processo in TDD è ciclico: dopo aver scritto un test che ha esito negativo, si implementa il codice produttivo che viene quindi rifattorizzato.
Offri ai tuoi clienti servizi professionali e affidabili con l'hosting di IONOS.
Scopri i pacchetti
Dominio omaggio per un anno