UIlicious und AI Studio: Voice Alerts für Low Code Testing

UIlicious und AI Studio: Voice Alerts für Low Code Testing

Wer schreibt schon gerne Softwaretests? Niemand! Aber vor kurzem habe ich eine ausgezeichnete Low-Code-Testplattform namens UIlicious.

Uilicious hat viele Funktionen, aber keine Telefonwarnungen im Falle von fehlgeschlagenen Tests. Zum Glück können wir eine Low-Code-Lösung erstellen, indem wir UIlicious in AI Studio integrieren. In diesem Artikel erfahren Sie, wie Sie UIlicious-Tests erstellen und Voice (Telefon)-Warnungen in AI Studio erzeugen können. 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, die das Schreiben von automatisierten Tests vereinfacht.

Zunächst einmal müssen Sie nichts herunterladen, denn 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 Studiofügen Sie ein neues Projekt hinzu. Erstellen Sie einen neuen Ordner. Fügen Sie Ihrem Ordner einen neuen Test wie folgt hinzu:

How to create a new test file in UIlicious

Wie man Voice Alerts für UIlicious einrichtet

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

Für unseren Test wollen wir prüfen, ob auf der Dokumentations-Website etwas zu Vonage vorhanden ist. Zu diesem Zweck wird unser Test die UIlicious-Website besuchen, die globale Suche aufrufen und dann prüfen, ob eine Suche nach Vonage ein leeres Ergebnis liefert.

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")

// Perform a search for Vonage
I.see("Search")
I.click("Search")
I.fill("Search docs", "Vonage")

// Now we need to somehow evaluate that Vonage is not here. UIlicious allows us to write Javascript directly into our tests. We know that an empty search returns the words No results for "Vonage"', so we can use that to write a conditional:
if(I.see$('No results for "Vonage"')){ 
// Something will happen here
}

So erstellen Sie einen Voice AI Studio-Agenten

Aber was wollen wir in unserer Bedingung festlegen? Wir müssen unseren AI Studio-Agenten auslösen, der seinerseits den Telefonanruf sendet. Wir müssen also zum Vonage Entwickler-Dashboard und einen neuen Agenten erstellen! Wir können den Anweisungen der Dokumentation um unseren Voice-Agenten zu erstellen. Es gibt drei wichtige Optionen für unseren Agenten auszuwählen:

• Art: Telefonie

• Vorlage: Von Grund auf neu beginnen

• Ereignis: Ausgehender Anruf

Unser Ablauf wird sehr einfach sein, da wir nur eine einzige Warnmeldung senden werden. Wir erstellen einen benutzerdefinierten Parameter namens $TestingError. Dann wird unser einzelner Speak-Knoten eine Audionachricht senden, die unsere $TestingErrordie von UIlicious stammen wird. Der Knoten sollte wie folgt aussehen:

Send Alert Node in AI Studio

Wie man einen AI Studio Voice Agent von UIlicious auslöst

Jetzt, wo unser Agent fertig ist, können wir ihn von unserem Test aus auslösen. UIlicious ermöglicht es uns, HTTP-Anfragen genau so aufzurufen, wie AI Studio weist uns an, einen Outbound-Agenten auszulösen. Innerhalb unserer Bedingung müssen wir den folgenden Code hinzufügen:

if(I.see$('No results for "Vonage"')){
  let res = UI.httpPost("https://studio-api-eu.ai.vonage.com/telephony/make-call", {
    headers:{
      "X-Vgai-Key": "YOUR X-Vgai-Key"
    },
    // Instructions to send AI Studio
    data: { 
      "to": "TO_NUMBER", 
      "agent_id": "AGENT_ID", 
      "session_parameters": [{
        "name": "TestingError",
        "value": "Vonage not found in Global Search!"
      }]
    },
    // 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? Der Agent mit agent_id verwendet dann Ihren X-Vgai-Key um sicherzustellen, dass es sich um eine rechtmäßige Anfrage handelt.

• Wir sagen ihm auch, wohin er den Anruf senden soll.

• Wir liefern den Wert für den $TestingError Parameter, damit er weiß, was er dem Endbenutzer sagen 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 Voice 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!