UIlicious y AI Studio: Alertas de voz para pruebas de código bajo

UIlicious y AI Studio: Alertas de voz para pruebas de código bajo

¿A quién le gusta escribir pruebas de software? A nadie. Pero hace poco descubrí una excelente plataforma de pruebas de bajo código llamada UIlicious.

Uilicious tiene muchas características pero no tiene alertas telefónicas en caso de pruebas fallidas. Lo bueno es que podemos construir una solución de código bajo integrando UIlicious con AI Studio. En este artículo aprenderás a construir tests con UIlicious y a crear alertas de Voice (teléfono) en AI Studio. ¡Y lo harás todo con plataformas UI amigables de bajo código!

Requisitos previos

• Account UIlicious

• Cuenta de desarrollador de Vonage

Vonage API Account

To complete this tutorial, you will need a Vonage API account. If you don’t have one already, you can sign up today and start building with free credit. Once you have an account, you can find your API Key and API Secret at the top of the Vonage API Dashboard.

Ready to start building?

Experience seamless connectivity, real-time messaging, and crystal-clear voice and video calls—all at your fingertips.

Cómo crear pruebas en UIlicious

Escribir pruebas en el desarrollo de software es notoriamente doloroso. Es como ir al dentista: todo el mundo sabe que tiene que hacerlo, pero nadie quiere. UIlicious es una gran plataforma nueva que elimina gran parte del dolor de escribir pruebas automatizadas.

En primer lugar, no necesitas descargar nada, UIlicious está alojado en el navegador. Así que usted puede escribir sus pruebas, ejecutar sus pruebas, ver los resultados, e incluso programar el seguimiento periódico de todo en el navegador.

En segundo lugar, escribir pruebas con UIlicious no requiere experiencia escribiendo pruebas o incluso escribiendo software. La plataforma promete:

Escribe tus pruebas como si le estuvieras diciendo a tu padre por teléfono cómo entrar en Facebook.

Más información sobre las pruebas en UIlicious con el Editor en el navegador.

Cómo redactar nuestras pruebas

En el UIlicious Studioañade un nuevo proyecto. Crea una nueva carpeta. Añade una nueva prueba a tu carpeta como esta:

How to create a new test file in UIlicious

Cómo configurar alertas de voz para UIlicious

Misión: Queremos probar el sitio de documentación de UIlicious y asegurarnos de que haya información sobre las integraciones de Vonage.

Para nuestra prueba, queremos comprobar si existe algo relacionado con Vonage en el sitio de documentación. Para ello, nuestra prueba visitará el sitio de UIlicious, irá a la búsqueda global y comprobará si la búsqueda de Vonage arroja un resultado vacío.

Las pruebas se parecen mucho al lenguaje humano que acabo de escribir. Echa un vistazo:

// 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
}

Cómo crear un agente de Voice AI Studio

Pero, ¿qué queremos que ocurra en nuestro condicional? Necesitamos activar nuestro agente de AI Studio, que, a su vez, enviará la llamada telefónica. Así que debemos dirigirnos al Desarrollador de Vonage y crear un nuevo agente. Podemos seguir las instrucciones de la documentación para crear nuestro agente de Voice. Hay tres opciones importantes para seleccionar nuestro agente:

• Tipo: Telefonía

• Plantilla: Empezar de cero

• Evento: Llamada saliente

Nuestro flujo será muy sencillo ya que sólo vamos a enviar un único mensaje de alerta. Crearemos un personalizado llamado $TestingError. Entonces, nuestro único nodo Speak enviará un mensaje de audio incluyendo nuestro $TestingErrorque vendrá de UIlicious. El nodo debería verse así:

Send Alert Node in AI Studio

Cómo activar un agente de voz de AI Studio desde UIlicious

Ahora que nuestro agente está listo vamos a activarlo desde nuestro test. UIlicious nos permite llamar a peticiones HTTP exactamente como AI Studio nos indica que activemos un agente saliente. Dentro de nuestro condicional, necesitamos añadir el siguiente código:

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

Tendrá que actualizar los archivos X-Vgai-Key, to, agent_id a sus valores.

• Encontrará el icono X-Vgai-Key en la parte superior derecha de tu lienzo. Haz clic en el icono "usuario" y, a continuación, en "Generar clave API".

• El número to es el destino de las alertas, probablemente el responsable de DevOps.

• La dirección agent_id puede encontrarse en sus Datos de Agente:

AI Studio Agent Details

¿Qué hace el código?

• Envía una solicitud a AI Studio, que activa un agente.

• ¿Qué agente? El agente con agent_id utiliza entonces su X-Vgai-Key para asegurarse de que se trata de una solicitud legítima.

• También le decimos dónde enviar la llamada.

• Suministramos el valor del parámetro $TestingError para que sepa qué decirle al usuario final.

• Y, por último, nos ocupamos de la respuesta de AI Studio, que nos permite saber si la solicitud se ha realizado correctamente o no.

Únete a la conversación

¿Le ha gustado este artículo? ¿Qué herramientas utilizas para las pruebas de software? Me encantaría conocer tus herramientas preferidas de código bajo y sin código. Puede consultar más de nuestros entradas de blog de bajo código.

¿Utilizas Voice para las notificaciones u otros canales? Dirígete a la Slack de la comunidad de desarrolladores de Vonage y cuéntanos qué estás construyendo.

Me encantaría conocer tu opinión sobre AI Studio y UIlicious. Envíame un Tweet en X, antes conocido como Twitter. Y dale a VonageDev ¡un follow mientras estás en ello!