Hallo allerseits!

Es ist so passiert, dass ich vom selben Qualitätskontrolldienst bin. Unser Team hat kürzlich ein großes Feature geschrieben. Nachdem ich ein wenig nachgedacht hatte, beschloss ich, einen solchen Artikel-Spickzettel für das Front-End zu erstellen. Es wird Sie daran erinnern, worauf Sie achten sollten, bevor Sie die Aufgabe zum Testen übertragen.

Wenn Sie die endgültige Version des Produkts an den Qualitätskontrolldienst senden, sollten Sie damit rechnen, dass die Kontrolle keine Probleme aufzeigt. Es wäre äußerst unprofessionell, einen wissentlich fehlerhaften Code an die Qualitätskontrolle weiterzugeben. Und welcher Code ist offensichtlich defekt? Jeder, bei dem Sie sich nicht sicher sind!

^{„Ein idealer Programmierer. So werden Sie Softwareentwickler »
Robert S. Martin}

Wo soll ich anfangen?

Layout auf Prototypen .

Es kommt also vor, dass Designer wunderschöne Elfen von einem hohen Turm sind und "sie sehen das so". Und manchmal ist es einfacher, es auf Ihre eigene Weise zu tun, als dem Prototyp zu folgen. Aber normalerweise sind diese Leute auf unserer Seite, und beim Zeichnen halten sie einige Argumente am Kopf (oder auf Papier), warum dies in welchem ​​Wert getan wird. Und wenn es so aussieht, als wäre etwas Seltsames gezeichnet, können Sie es immer diskutieren.

Wenn etwas unmöglich ist (lesen Sie sehr teuer) - das muss ich sagen. Sehr, sehr, sehr dumm, neue Prototypen zu sehen, die nicht mit der neuen Aufgabe konvergieren.


Finde N Unterschiede. Prototyp links.

Daten füllen und anzeigen

Alles ist gut, wenn die Informationen auf der Website statisch und unverändert sind. Sie können in zwei Browsern und verschiedenen Auflösungen sehen. Dadurch werden offensichtliche Probleme sofort gefunden und vor dem Testen behoben.

Aber alles ändert sich, wenn sie eingegeben werden .

Es ist äußerst notwendig, alles in sie einzutragen:

• Viel Text.
• Unterschiedlicher Text: Buchstaben, Zahlen, Sonderzeichen usw.
• Kleiner Text. Kann ich nichts eingeben und wie wird es dann aussehen?
• Text im falschen Format oder ungültiger Text.
• Zum Nachtisch: große Linien ohne Leerzeichen.
• Lücken: Führen und Nachlaufen.

Über führende und nachfolgende Leerzeichen.

Sie werden in 99% der Fälle nicht benötigt, außer vielleicht nur für Passwörter, aber dies ist ungenau. Ich hatte Erfahrung, als die Anwendung aufgrund eines Leerzeichens am Ende der Anmeldung abstürzte. Es blieb nach dem Kopieren der Zeile aus der Post. Also: Schneiden Sie die Räume !

Nur Werte einzugeben ist nur die halbe Wahrheit. Zusätzlich zum Speichern müssen Sie auf das Display schauen. Daher überprüfen wir das Erscheinungsbild zuvor eingegebener Daten: Stile, Dekorationen, Formatierungen usw. Alles kann gehen.

Überprüfen Sie trotzdem:

• Große Texte mit oder ohne Leerzeichen.
• Texte mit Zeilenumbrüchen, Absätzen. Manchmal füge ich Gedichte dafür ein.
• Der minimale Datensatz. Bleibt alles an Ort und Stelle, wenn nichts oder fast nichts?
• Die Anzeige nicht aller Felder einer komplexen Entität. Sie können leer sein.

Es gibt einige lebende Beispiele unter Katze.

Validierungen

Manchmal können Sie nicht einfach das nehmen und eingeben, was Sie möchten - Validierungen funktionieren.

Was zu tun ist?

Wir sehen uns die Liste der Validierungen an und überprüfen für jede von ihnen, ob sie schwört. Das heißt, Längenbeschränkungen, verbotene Zeichen, Eingabemaske - all dies muss überprüft werden und sicherstellen, dass es funktioniert.

Hinweis: Text kann auch durch Kopieren eingegeben werden.

IE

Ich verstehe, dass die erste Reaktion eine solche ist.



Sie haben Glück, wenn Sie nur wenige Benutzer dieses wunderbaren Browsers haben. Aber wenn nicht, dann leider. Sie müssen Ihre Arbeit durch das Prisma der alternativen Wahrnehmung betrachten.

Metriken

Es ist fast wie beim IE, aber es tut nicht weh.

Wenn für Ihr Projekt keine benutzerdefinierten Metriken erfasst werden, ist alles in Ordnung. Ansonsten müssen Sie zwei Dinge tun:

• Hängen Sie alle Metriken an die erforderlichen Aktionen. Nach meiner Erfahrung stammten Informationen zu Metriken entweder aus Analysen oder die Front-End-Anbieter selbst waren informiert.
• Überprüfen Sie, ob die richtigen Metriken mit den richtigen Daten an die Aktionen gesendet werden. Zumindest im Dev-Modus an die Konsole ausgeben.

Anstelle einer Schlussfolgerung

Ich habe kurz darüber gesprochen, worauf Sie bei der Arbeit mit der Front achten sollten. Mit diesen wenigen Überprüfungen erhalten Sie ein deutlich besseres Produkt am Ausgang.

Ich möchte darauf hinweisen, dass der Artikel nützlich ist, wenn Sie überhaupt keinen Tester haben. Daher am Ende noch einmal eine kurze Zusammenfassung:

• Layout auf Prototypen.
• Geben Sie eine Vielzahl von Daten ein: viel, wenig, in einem Wort, nicht eingeben.
• Räume kürzen.
• Überprüfen Sie die Validierungen.
• IE
• Vergessen Sie nicht die Metriken.

FAQ

F: Tester werden alles finden!
A: Nicht alle. Tester sind kein HEPA-Filter für Sie, sondern Menschen. Und wenn in der Entwicklungsphase jemand seinen Teil der Arbeit nicht erledigt hat, dann geht es nirgendwo hin, sondern geht einfach an jemand anderen weiter.

Gefangen, aber nicht geschaut? Andere Menschen werden damit arbeiten und nicht nur Zeit, sondern auch ihre Stärken verbringen. Eine Person wird müde, das Auge wird weggespült, Müdigkeit sammelt sich an. Und jenseits solcher Probleme können ernstere Dinge übersehen werden.

Vergessen Sie auch nicht, dass jedes Spiel mit Ping-Pong-Aufgaben nur zusätzliche Zeitkosten verursacht. Es ist immer noch notwendig, normal fertig zu werden. Das frühzeitige Erkennen von Problemen beschleunigt jedoch den gesamten Entwicklungsprozess.

Vielen Dank für Ihre Aufmerksamkeit.