UIlicious und AI Studio: SMS-Warnungen für Low-Code-Tests

Sie sollten zu Entwicklerkonferenzen gehen! Erstens kannst du mit allerlei coolem Gratiszeug nach Hause gehen. Und zweitens lernst du neue Methoden und Software kennen. Vor allem aber können Sie mit Menschen sprechen, die diese tollen neuen Tools entwickeln.

Als ich auf der CityJS-Konferenz in Singapur war, erfuhr ich von einer großartigen neuen Low-Code-Plattform namens UIlicious. Ja, ich wurde durch die Chance gelockt, eine Nintendo Switch zu gewinnen. Die Aufgabe war einfach: ein paar coole Tests mit UIlicious erstellen. Und in weniger als 30 Minuten war ich in der Lage, eine ziemlich coole Integration zwischen UIlicious und dem AI Studio von Vonage zu schreiben, um automatisierte Tests mit Warnmeldungen zu erstellen.

In diesem Artikel erfahren Sie, wie Sie einige grundlegende Tests in UIlicious erstellen und wie Sie SMS-Benachrichtigungen in AI Studio erstellen, wenn Ihre Tests fehlschlagen. Und das alles mit freundlichen Low-Code UI-Plattformen!

Voraussetzungen

• UIlicious Account

• Vonage Developer Account

Vonage API-Konto

Um dieses Tutorial durchzuführen, benötigen Sie ein Vonage API-Konto. Wenn Sie noch keines haben, können Sie sich noch heute anmelden und mit einem kostenlosen Guthaben beginnen. Sobald Sie ein Konto haben, finden Sie Ihren API-Schlüssel und Ihr API-Geheimnis oben auf dem Vonage-API-Dashboard.

Sind Sie bereit, mit dem Bau zu beginnen?

Erleben Sie nahtlose Konnektivität, Echtzeit-Messaging und kristallklare Sprach- und Videoanrufe - alles auf Knopfdruck.

Wie man Tests in UIlicious erstellt

Das Schreiben von Tests in der Softwareentwicklung ist bekanntermaßen mühsam. Es ist ein bisschen wie ein Zahnarztbesuch: Jeder weiß, dass er es tun muss, aber niemand will es tun. UIlicious ist eine großartige neue Plattform, mit der das Schreiben von Tests viel einfacher wird.

Zunächst einmal müssen Sie nichts herunterladen. UIlicious wird im Browser gehostet. Sie können also Ihre Tests schreiben, Ihre Tests ausführen, die Ergebnisse sehen und sogar eine regelmäßige Überwachung planen - alles im Browser.

Zweitens erfordert das Schreiben von Tests mit UIlicious keine Erfahrung mit dem Schreiben von Tests oder sogar dem Schreiben von Software. Die Plattform verspricht:

Schreiben Sie Ihre Tests einfach so, als würden Sie Ihrem Vater am Telefon erklären, wie man sich bei Facebook anmeldet.

Erfahren Sie mehr über das Testen in UIlicious mit dem in-browser Editor.

Unsere Tests schreiben

Im UIlicious Studioöffnen Sie ein neues Projekt. Erstellen Sie einen neuen Ordner. Fügen Sie Ihrem Ordner einen neuen Test wie folgt hinzu:

Create a new test file in UIlicious

So richten Sie SMS-Benachrichtigungen für UIlicious ein

Auftrag: Wir wollen die UIlicious-Dokumentationsseite testen und sicherstellen, dass es Informationen über Vonage-Integrationen gibt.

Wir wollen prüfen, ob die Dokumentations-Website einen Abschnitt über Integrationen für Vonage enthält. Zu diesem Zweck besucht unser Test die UIlicious-Website, geht zur Dokumentation und sucht dann nach der entsprechenden Registerkarte im Abschnitt "Integrationen".

Der Test sieht der menschlichen Sprache, die ich gerade geschrieben habe, verblüffend ähnlich! Sehen Sie es sich an:

// Start by going to the documentation, like this:
I.goTo("https://uilicious.com/")
I.see("Docs")
I.click("Docs")

// Navigate to the Integrations section:
I.see("How to Guides")
I.click("How to Guides")
I.see("Integrations")
I.click("Integrations")

Jetzt müssen wir irgendwie auswerten, dass Vonage nicht da ist. UIlicious erlaubt es uns, Javascript direkt in unsere Tests zu schreiben. So können wir eine Bedingung verwenden und prüfen, dass wir Vonage nicht sehen:

if(!(I.see$("Vonage"))){
  // Something will happen here
}

So erstellen Sie einen SMS AI Studio Agent

Aber was wollen wir hier eintragen? Wir müssen irgendwie unseren AI Studio-Agenten auslösen, der dann die SMS sendet. Wir müssen also zum Vonage Entwickler-Dashboard und einen neuen Agenten erstellen! Wir können den Anweisungen der Dokumentation um unseren SMS-Agenten zu erstellen. Es gibt drei wichtige Optionen für unseren Agenten, wählen Sie:

• Art: SMS

• Vorlage: Von Grund auf neu beginnen

• Veranstaltung: Ausgehend von

Da wir nur eine einzige Warnmeldung senden, wird unser Ablauf sehr einfach sein. Wir erstellen einen benutzerdefinierten Parameter (der Entität @sys.any) namens $TestingError. Dann wird unser einzelner Knoten Nachricht senden eine Nachricht zusammen mit unserer $TestingError die von unserem Test kommt. Der Knoten sollte wie folgt aussehen:

Send Alert Node in AI Studio

Um die Kundenerfahrung zu verbessern, schließen Sie den Fluss mit einem Gesprächsende-Knoten.

So lösen Sie einen AI Studio SMS-Agenten von UIlicious aus

Da unser Agent nun fertig ist, können wir ihn von unserem Test aus auslösen. UIlicious erlaubt es uns, HTTP-Anfragen zu stellen, genau so, wie AI Studio uns anweist, einen Outbound-Agent auszulösen. Innerhalb unserer Bedingung müssen wir den folgenden Code einfügen:

if(!(I.see$("Vonage"))){
  let res = UI.httpPost("https://studio-api-eu.ai.vonage.com/messaging/conversation", {
    headers:{ "X-Vgai-Key": "YOUR X-Vgai-Key"},
    // Instructions to send AI Studio
    data: { 
      "to": "TO_NUMBER", 
      "agent_id": "AGENT_ID", 
      "channel": "sms",
      "session_parameters": [{
        "name": "TestingError",
        "value": "Vonage not found in Integrations Section"
      }]
    },
    //Expect the response to be JSON
    responseType: "json"
  })
  // log the response from the API
  TEST.log.info("Response from API is: " + JSON.stringify(res.data))
}

Sie müssen die X-Vgai-Key, to, agent_id auf Ihre Werte anpassen.

• Sie finden das Symbol X-Vgai-Key oben rechts auf Ihrer Leinwand. Klicken Sie auf das Symbol "Benutzer" und dann auf "API-Schlüssel generieren".

• Die to Nummer ist das Ziel, an das die Warnmeldungen gehen, wahrscheinlich an denjenigen, der für Ihre DevOps zuständig ist.

• Die agent_id können Sie unter Ihren Agentendetails finden:

AI Studio Agent Details

Was bewirkt der Code?

• Er sendet eine Anfrage an AI Studio, die einen Agenten auslöst.

• Welcher Agent? Nun, es sollte ein SMS-Agent sein und zwar der agent_id und er verwendet Ihre X-Vgai-Key um sicherzustellen, dass es sich um eine rechtmäßige Anfrage handelt.

• Wir teilen ihm auch mit, wohin er die Nachricht senden soll. Wir geben den Wert für den $TestingError Parameter, damit er weiß, was er dem Endbenutzer mitteilen soll.

• Und schließlich bearbeiten wir die Antwort von AI Studio, die uns mitteilt, ob die Anfrage erfolgreich war oder nicht.

Beteiligen Sie sich an der Konversation

Hat Ihnen dieser Artikel gefallen? Welche Tools verwenden Sie für Softwaretests? Ich würde gerne mehr über Ihre bevorzugten No-Code- und Low-Code-Tools erfahren. Sie können mehr von unseren Low-Code-Blog-Beiträge.

Verwenden Sie SMS für Benachrichtigungen oder andere Kanäle? Besuchen Sie die Vonage Entwickler-Community Slack und lassen Sie uns wissen, was Sie entwickeln.

Ich würde gerne hören, was Sie über AI Studio und UIlicious denken. Schicken Sie mir einen Tweet auf X, früher bekannt als Twitter. Und gib VonageDev eine Nachricht, wenn Sie schon dabei sind!