In Ordnung, es ist an der Zeit, mit unserem Selen-Treiber etwas Nützliches zu tun.
Wir möchten versuchen, diese Eingabe zu erfassen, etwas Text einzufügen und dann auf Nachricht anzeigen zu klicken, genau wie auf
unserer Website, möglicherweise dort, wo wir versuchen, uns automatisch anzumelden, um die Anmeldefunktionalität zu testen
oder eine Art zu testen einer Formularfunktionalität in unserer App.
Wie können wir dies tun?
Nun, lassen Sie mich das zuerst klären, damit wir eine saubere Palette haben und mit ein paar Dingen beginnen.
Das erste, was ich bei der Arbeit mit Selen gerne mache, ist sicherzustellen, dass wir
beim Durcharbeiten des Codes die Dinge richtig machen, indem wir diese Assert-Befehle verwenden.
Ich kann also behaupten, und wir möchten bestätigen, dass dieser Schaltflächentext, den wir verwenden werden, eine Nachricht anzeigen
ist.
Wir wollen diese Show-Botschaft eigentlich behaupten.
Existiert jetzt auf unserer Seite. Eine einfache Möglichkeit, dies zu überprüfen, ist der Chrome-Browser und anstelle von Tidal möchten wir
einfach die Seite überprüfen.
Sortiert.
Und die Seitenquelle ist einfach, wenn ich richtig klicke, klicke hier und schaue auf Die Seitenquelle anzeigen.
Ist einfach die HTML-Version der gesamten Website, die wir sehen.
Welche sollte die Schaltfläche Nachricht anzeigen haben.
Wenn also bis Zeile 12 alles funktioniert, sollten wir hoffentlich ohne Fehler wahr
werden.
Also lass uns das laufen lassen.
Alles klar, wir bekommen keine Fehler.
Alles ist gut, jetzt machen wir weiter.
Das erste, was ich tun möchte, ist diese Eingabe zu ergreifen.
Also werde ich inspizieren.
Oder schließen wir dies, damit wir einen besseren Überblick darüber haben.
Und verwenden.
Überprüfen Sie die Eingabe, wir sehen, dass die Eingabe hier eine ID der Benutzernachricht hat, damit wir diese mit ID erfassen können, wenn Sie
sich erinnern, und wir scrollen hier nach oben zu unserem Spickzettel.
Wir sehen, dass wir Elemente damit greifen können, indem wir die definierte Element-by-ID-Methode verwenden, also lassen Sie uns das tun.
Ich werde sagen.
Chrome-Browser.
Punktsuche Element von I. D. und der ID-Name, den ich greifen wollte, war die Benutzernachricht.
Also machen wir das.
Ich werde Benutzernachricht sagen.
Und das erste, was ich jetzt tun möchte, nachdem wir diese Idee aufgegriffen haben, ist, sicherzustellen,
dass hier kein Text vorhanden ist, möglicherweise von einem früheren Benutzer.
Normalerweise mache ich beim Erfassen von Eingaben so etwas wie eine Benutzernachricht.
Lassen Sie uns hier eine neue Variable namens Benutzernachricht erstellen, und ich werde sagen, dass die Benutzernachricht einen Punkt löschen soll, um überall in
der Eingabe zu löschen und dann von dort.
Und stellen wir sicher, dass dies so unterstrichen ist.
Und von hier aus können wir die Sendetasten und die Sendetasten verwenden, sagt, hey, in der gesendeten Benutzernachricht diese Tastenanschläge, als
ob ein Benutzer tippt, und geben Sie die Zeichenfolge ein.
Lass es uns tun.
Ich bin extra cool.
Das ist irgendwie albern, aber das sollte in Ordnung sein, also werden wir das Tippen nachahmen. Ich bin besonders cool bei
dieser Eingabe, nachdem wir sie gelöscht haben.
Also mal sehen ob das funktioniert.
Ich werde rennen.
Whoa.
Wie cool ist das?
Siehst du, dass wir gerade die Eingabe in ein Feld automatisiert haben und es heißt, ich bin extra cool, großartig.
Der nächste Schritt ist nun, dass wir diese Schaltfläche greifen und dann einen Klick darauf simulieren, damit Ihre Nachricht
hier angezeigt wird.
Wenn ich auf Nachricht anzeigen klicke, sehen Sie, dass dies gedruckt wird. Schließen wir einige unserer Browser, weil
ich das Gefühl habe, dass wir gerade eine Menge Selen-Browser geöffnet haben.
Das ist besser.
Jetzt, da wir dies wieder haben, können wir das Brötchen auswählen. Denken Sie also daran, dass wir die Schaltfläche einfach so
auswählen können.
Aber, nun, nennen wir es nicht Knochensteuer, und ich mag es, hier konkret zu sein, also nennen wir diese Schaltfläche "Nachricht
anzeigen".
Nun, diese Schaltfläche zum Anzeigen einer Nachricht, die wir schon einmal hatten.
Das erste, was wir tun wollen.
Ist, gut, eine schnelle zu simulieren.
Einfach so, also schicken wir einen Kuss und dann klicken wir, also lass uns sehen, ob das funktioniert, ich
sage das und laufe.
Hmm, sieht so aus, als hätte das nicht funktioniert.
Lassen Sie mich überprüfen, was passiert ist.
Wir bekommen einen Namen, Air Bun.
Texas ist nicht definiert und das liegt daran, dass wir die Namensgebung hier in der Druckfunktion nicht korrigiert haben.
Also ändern wir hier einfach den Namen.
Wir können dies eigentlich einfach auskommentieren, weil wir es nicht mehr ausdrucken müssen und es erneut ausführen lassen.
Was seht ihr das auch, habt ihr gemerkt wie schnell das ging?
Ich bin extra cool.
Es hat Klicks auf Ihre Nachricht gemacht und jetzt erscheint meine Nachricht sehr, sehr cool.
Nehmen wir an, wir wollten diese Informationen erfassen.
Was können wir tun?
Nun, wir können wieder mit der rechten Maustaste klicken, also verwenden wir unsere Standardeinstellung.
Lassen Sie uns mit der rechten Maustaste inspizieren.
Und Sie können sich vorstellen, dass dies jetzt langsam wird. Wir sehen, dass wir die ID des Displays haben, also werden
wir uns das schnappen.
Und sagen Sie, dass dies die Ausgabenachricht sein wird.
Und die Alpe-Botschaft wird das sein.
Chrome-Browser.
Finden Sie Nahrungsmittel nach Idee.
Und gib ihm die Anzeige und vielleicht jetzt, um zu überprüfen, ob das funktioniert, ich werde eine nettere Methode
machen und sagen, hey, ich möchte behaupten, dass ich es bin.
Extra cool, wie viele O's sind, die Feroze jetzt richtig sieht, steht in der Ausgabenachricht.
Und was wir tun möchten, ist, den Text tatsächlich zu sehen, damit wir den inneren HTML-Code tatsächlich sagen können, wie wir es hier mit
dem get-Attribut getan haben, oder wir können einfach Text sagen.
Also wenn ich das starte.
Keine Allüren, jetzt funktioniert alles, das ist ein einfaches Beispiel, aber hast du bemerkt, wie schnell alles ging?
Ich meine, wenn ein Mensch dies tun sollte, müssten Sie hier auswählen und dies eingeben.
Dann müssen Sie auf Nachricht anzeigen klicken und dann wird Ihre Nachricht endlich platziert.
Der Grund, warum die Testautomatisierung ein so wichtiger Bestandteil der Softwareentwicklung ist, liegt darin, dass Sie Dinge wirklich, sehr schnell
erledigen können.
Sie lassen die Maschine den Browser extrem schnell steuern, sodass Sie so oft testen können, wie Sie möchten.
Millionen Mal.
Sie können auf ähnliche Weise klicken, Informationen eingeben, einfach alles, was ein Mensch tun kann, Selen lässt
Sie auch verwenden.
Nun möchte ich Ihnen eine andere Möglichkeit zur Auswahl zeigen, die sehr, sehr gebräuchlich ist.
Wir haben gesehen, dass wir Elemente nach ID und Element nach Klassennamen finden können.
Aber ein weiteres sehr nützliches Element ist das so genannte Chrome-Browser-Dot-Find-Element anstelle des Klassennamens.
Wir verwenden etwas, das Erfolg genannt wird.
Und Casesa-Vortrag, wir werden nicht Quseir lernen, sondern Erfolg in einem Browser.
Ist das Styling, das Sie erhalten, also zum Beispiel, wenn ich mir das Brötchen ansehe und es inspiziere,
sehen Sie, dass die Klasse bun bun default hat.
Und in einer Klasse nennen wir das Erfolg, das sagt es, hey, das sind die Stile, die wir wollen.
Sie können hier in der Registerkarte Stil sehen, dass wir Schaltfläche, Standard und Schaltfläche haben.
Und dies steuert beispielsweise unsere Stile auf einer Webseite, wenn ich dies deaktiviere.
Mein Button hat jetzt kein Styling, wenn ich auch einiges davon deaktiviere, geht das Button-Styling wieder
weg.
Wir sind also tatsächlich in der Lage, CSF-Selektoren für etwas zu verwenden, das Sie selbst googeln können, oder ich unterrichte
meine anderen Kurse, um dies tatsächlich zu erreichen.
Wir würden also so etwas tun und bun bun default greifen, indem wir den, sagen
wir, CSFs-Klassenpunkt verwenden.
Aber und das ist zum Beispiel die Zugriffsauswahl, wenn ich alle Schaltflächen greifen wollte, die sich unter dem Formular "Eingabe erhalten" befinden,
was bedeutet, dass ich Eingaben erhalten würde, dann würde ich Pfund machen, was für Idee steht.
Holen Sie sich Eingaben.
Und dann sagen Sie, dass alle Formulare, die die ID haben, Eingaben haben und alles, was eine untergeordnete Schaltfläche
ist, die Sie greifen möchten, wenn ich dies tue.
Nachrichten- oder Benutzerschaltfläche?
Ich sage zu hier, wenn ich das jetzt ausdrucke und sage, user bunta, das hätte selecter sein sollen, nicht
select.
Lass uns das beheben.
Sie sehen, dass ich dieses Element auch so greifen kann.
In Ordnung, machen wir eine Pause, denn sieh dir all die Fenster an, die ich gerade geöffnet habe,
das wird langsam verrückt.
Im nächsten Video zeige ich Ihnen, wie Sie das alles schließen.
Ich schaue im nächsten mal vorbei.