Va bene, è ora di fare qualcosa di utile con il nostro driver al selenio.
Vogliamo provare a prendere questo input, inserirci del testo, quindi fare clic su mostra messaggio, proprio come faremmo sul nostro sito
Web, forse dove stiamo cercando di accedere automaticamente per testare la funzionalità di accesso o per testare
qualche tipo di una funzionalità del modulo nella nostra app.
Come possiamo farlo?
Bene, lasciami chiarire questo prima solo così abbiamo una tavolozza pulita e inizia con alcune cose.
La prima cosa che mi piace fare quando lavoro con il selenio è assicurarmi che
mentre avanziamo nel codice, stiamo facendo le cose correttamente usando questi comandi assert.
Quindi posso dire assert e vogliamo affermare che il testo di questo pulsante, che useremo, è mostra
messaggio.
Vogliamo affermare che questo messaggio di spettacolo, in realtà.
Esiste sulla nostra pagina ora, un modo semplice per verificarlo è dire browser Chrome e invece di Tidal, vogliamo solo
controllare la pagina.
Ordina.
E la fonte della pagina è semplicemente, se ho ragione, fai clic qui e guarda la fonte della pagina Visualizza.
È semplicemente la versione HTML dell'intero sito Web che vediamo.
Che dovrebbe avere il pulsante Mostra messaggio.
Quindi, facendo questo, si spera, se tutto funziona fino alla riga 12, dovremmo semplicemente diventare veri
senza errori.
Quindi eseguiamolo.
Va bene, non riceviamo errori.
Va tutto bene ora andiamo avanti.
La prima cosa che voglio fare è prendere questo input.
Quindi vado a controllare.
Oppure chiudiamo questo così abbiamo una visione migliore di questo.
E usa.
Ispezionando l'input, vediamo che l'input qui ha un ID del messaggio utente in modo che possiamo prenderlo con l'ID, se
ricordi, e scorriamo qui fino al nostro cheat sheet.
Vediamo che possiamo afferrare elementi da esso usando il metodo elemento definito per ID, quindi facciamolo.
sto per dire.
browser Chrome.
Punto trova elemento di I. D. e il nome ID che volevo prendere era il messaggio dell'utente.
Quindi facciamolo.
Sto per dire messaggio utente.
E la prima cosa che voglio fare ora che abbiamo afferrato questa idea è assicurarmi
che non ci sia testo qui, forse da un utente precedente.
Quindi di solito quando prendo gli input, farò qualcosa come il messaggio dell'utente.
Creiamo qui una nuova variabile chiamata User Message, e dirò che il messaggio dell'utente dot clear per cancellare ovunque
si trovi nell'input e poi da lì.
E assicuriamoci che sia un carattere di sottolineatura come questo.
E poi da qui, possiamo usare le chiavi di invio e le chiavi di invio, dice, ehi, nel messaggio dell'utente ha inviato queste sequenze di
tasti come se un utente stesse digitando e gli dia la stringa.
Facciamo.
Sono molto cool.
È un po' sciocco, ma dovrebbe andare bene, quindi imiteremo la digitazione, sono molto interessante
con quell'input dopo averlo cancellato.
Quindi vediamo se funziona.
vado a correre.
Whoa.
Quant'è fico?
Vedi che abbiamo appena automatizzato la digitazione in una casella e dice che sono molto figo, fantastico.
Ora, il prossimo passo è prendere questo pulsante e quindi simulare un clic su di esso in modo che il tuo messaggio
venga visualizzato qui.
Se clicco su mostra messaggio, vedi che ottengo questo stampato, chiudiamo alcuni dei nostri browser perché sento
che abbiamo un sacco di browser al selenio aperti in questo momento.
Va meglio.
Quindi, ora che lo abbiamo di nuovo, possiamo selezionare il panino, quindi ricorda, possiamo selezionare il pulsante proprio in questo
modo.
Ma, beh, non chiamiamola tassa sulle ossa, e mi piace essere specifico qui, quindi chiamiamo questo pulsante mostra messaggio.
Ora, questo pulsante mostra messaggio, che abbiamo prima.
La prima cosa che vogliamo fare.
È, beh, simulare un rapido.
Proprio così, quindi mandiamo un bacio e poi clicchiamo, quindi vediamo se funziona, lo
dico e scappo.
Hmmm, sembra che non abbia funzionato.
Fammi controllare cosa è successo.
Abbiamo un nome, Air Bun.
Il Texas non è definito e questo perché non abbiamo corretto la denominazione qui nella funzione di stampa.
Quindi cambiamo solo il nome qui.
In realtà possiamo semplicemente commentare questo perché non abbiamo più bisogno di stamparlo ed eseguiamolo di nuovo.
Cosa vedi anche tu, hai notato quanto velocemente è successo?
Sono molto cool.
Ha ricevuto clic sul tuo messaggio e ora il mio messaggio appare molto, molto bello.
Diciamo che volevamo prendere queste informazioni.
Cosa possiamo fare?
Bene, ancora una volta, possiamo fare clic con il pulsante destro del mouse, quindi usiamo il nostro valore predefinito.
Facciamo clic con il pulsante destro del mouse per ispezionare.
E ora puoi immaginare che sta iniziando a diventare facile, vediamo che abbiamo l'ID del display,
quindi lo prenderemo.
E dire che questo sarà il messaggio di output.
E il messaggio dell'Alpe sarà il.
browser Chrome.
Trova alimento per idee.
E dagli il display e forse ora per verificare che funzioni, farò un metodo più
carino e dirò, ehi, voglio affermare che lo sono.
Molto bello, quante O ci sono che Feroze ora sembra giusto, è nel messaggio di output.
E quello che vogliamo fare è vedere effettivamente il testo in modo che possiamo effettivamente dire l'HTML interno come abbiamo fatto
qui con l'attributo get o possiamo semplicemente dire testo.
Quindi se eseguo questo.
Nessuna onda, ora funziona tutto, questo è un semplice esempio, ma hai notato con che velocità è successo tutto?
Voglio dire, se un umano dovesse farlo, dovresti selezionare qui e digitarlo.
Quindi devi fare clic su Mostra messaggio e il tuo messaggio finalmente arriva a posto.
Il motivo per cui l'automazione dei test è una parte così importante dello sviluppo del software è che puoi fare le cose molto,
molto velocemente.
Lasci che la macchina controlli il browser in modo estremamente veloce in modo da poter testare tutte le volte che vuoi.
Milioni di volte.
Allo stesso modo puoi fare clic, puoi inserire informazioni, qualsiasi cosa che un essere umano può fare, anche il selenio
ti consente di utilizzare.
Ora, voglio mostrarti un altro modo per selezionare che è molto, molto comune.
Abbiamo visto che possiamo trovare elemento per ID, trovare elemento per nome di classe.
Ma un altro molto utile è qualcosa chiamato elemento di ricerca del punto del browser Chrome invece del nome della classe.
Usiamo qualcosa chiamato successo.
E la lezione di Casesa, non impareremo Quseir, ma il successo in un browser.
È lo stile che ottieni, quindi, ad esempio, se dovessi guardare il panino e lo ispeziono,
vedrai che la classe ha il panino predefinito.
E in una classe, questo è ciò che chiamiamo successo, questo lo dice, ehi, questi sono gli stili che vogliamo.
Puoi vedere qui nella scheda stile che abbiamo pulsante, impostazione predefinita e pulsante.
E questo controlla i nostri stili su una pagina web, ad esempio, se deseleziono questo.
Il mio pulsante, beh, ora non ha uno stile se deseleziono anche alcuni di questi, di nuovo, lo stile del pulsante
scompare.
Quindi siamo effettivamente in grado di utilizzare i selettori CSF contro qualcosa che puoi Google da solo o insegno
nei miei altri corsi per afferrarlo effettivamente.
Quindi il modo in cui faremmo qualcosa del genere e prendere il bun bun predefinito è usare, diciamo, il
punto della classe CSF.
Ma e questo è il selettore di accesso, ad esempio, se volessi prendere tutti i pulsanti che si trovano sotto
il modulo ottieni input, ovvero otterrei input, allora farei pound, che sta per Idee.
Ottieni input.
E poi dì che tutti i moduli che hanno l'ID ottengono l'input e tutto ciò che è un pulsante figlio che voglio
che tu prenda in modo che se lo faccio utente.
Pulsante messaggio o utente?
Dirò a qui, se stampo questo ora e dico, utente bunta, questo avrebbe dovuto essere selezionatore, non
selezionato.
Risolviamolo.
Vedi che sono in grado di afferrare anche questo elemento in quel modo.
Va bene, facciamo una pausa, perché dai un'occhiata a tutte le finestre che ho appena aperto, sta
diventando un po' folle.
Quindi nel prossimo video vi mostrerò come chiudere tutto questo.
Vedrò nel prossimo da.