Descripción general de VSCode

VSCode es un editor de texto ultrarrápido de Microsoft. Es una herramienta integral que combina un editor de texto intuitivo con un IDE avanzado, lo que permite editar, compilar y depurar proyectos de prueba fácilmente desde un único panel de control. Es compatible con plataformas Windows, Linux y Mac. Si bien incluye compatibilidad nativa con JavaScript, Node.js y TypeScript, ofrece extensiones para otros lenguajes de programación como Java, Python, PHP, C++, C#, Go, etc. También es compatible con herramientas de ejecución como Unity y .NET.

Historia de VSCode

No hay que confundir VSCode con Microsoft Visual Studio. Visual Studio es un producto de Microsoft con 20 años de trayectoria, compatible con Windows y macOS. No es de código abierto. En cambio, VSCode se basa en el framework Electron. Fue creado por GitHub para desarrollar aplicaciones con interfaz gráfica de usuario (GUI) usando Node.js. Anteriormente se conocía como Atom Shell. Microsoft adquirió este producto y lo liberó como software de código abierto en 2015.

VSCode es un editor de texto ligero. A la vez, ofrece extensiones que lo convierten en un potente IDE, permitiéndote trabajar con tu lenguaje de programación favorito. Sin embargo, no consume muchos recursos ni requiere una instalación compleja. Con este único editor, puedes ejecutar cualquier script de programación.

Es compatible con las principales plataformas como Windows, Linux, macOS, etc. No solo es ligero, sino que también funciona mucho más rápido que otros IDE. Al añadir extensiones, puedes disfrutar de un editor de texto con numerosas funciones. Además, es fácil de instalar y usar. Instalar una función es tan sencillo como hacer clic. Y también es gratuito.

Esta herramienta está en constante evolución. Ofrece útiles complementos y extensiones, además de soporte para la depuración. VSCode cuenta con una comunidad activa dispuesta a brindar ayuda. Asimismo, equipos especializados de Microsoft trabajan continuamente en su mejora, algo que no ofrecen otras herramientas de código abierto. Se lanza una nueva versión cada mes y el producto es estable.

Instalación

El primer paso es instalar la herramienta. Posteriormente, podrá añadir la extensión de idioma que desee.

Paso 1: Instalar VSCode

Al igual que cualquier otro software de Windows, VSCode es fácil de instalar. Simplemente descarga el paquete y haz doble clic para completar la instalación.

Para descargar la herramienta, visite el siguiente enlace: https://code.visualstudio.com/download

Seleccione la versión de su plataforma y descargue la herramienta.

Una vez finalizada la descarga, haga doble clic en el archivo para iniciar el proceso de instalación. En la siguiente pantalla, acepte el acuerdo de licencia.

En la siguiente pantalla, elija la carpeta de destino y las opciones del menú de inicio.

Luego, puedes personalizar algunas opciones. Elige 'Agregar a la ruta' para añadir la ruta de VSCode a las variables de entorno del sistema.

Haz clic en Siguiente para completar la instalación.

Haz clic en Finalizar y la instalación estará completa. Ahora, VSCode está listo para usar.

Lo bueno de los productos de Microsoft es su diseño intuitivo basado en interfaz gráfica de usuario (GUI). Se puede trabajar fácilmente con la herramienta incluso con conocimientos mínimos.

Simplemente puedes crear un archivo HTML, agregar código y ejecutar el archivo.

Así pues, la herramienta ya está lista para su uso.

Paso 2: Agregar extensiones del lenguaje de codificación

Para trabajar con tu lenguaje favorito, debes añadir extensiones al editor VSCode. Para ello, abre el editor VSCode. En la barra de actividad izquierda, haz clic en el icono de Extensiones.

Escribe Java en la barra de búsqueda. Verás una lista de extensiones de Java. Selecciona Java Extension Pack.

Al hacer clic en instalar, se instalará el paquete de extensión de Java. Este incluye seis componentes:

1. Compatibilidad con idiomas Java
2. Visual Studio IntelliCode
3. Maven para Java
4. Depurador para Java
5. Ejecutor de pruebas de Java
6. Gestor de proyectos para Java

Al hacer clic en instalar, se instalarán los seis componentes.

Una vez instalado el paquete de extensiones, abre el editor VSCode. Haz clic en Archivo y abre la carpeta del espacio de trabajo (por ejemplo: ExperitestProject).

Al seleccionar la carpeta del espacio de trabajo, la carpeta de tu proyecto se carga en el espacio de trabajo de VSCode.

Ahora, haz clic en el icono de nuevo archivo junto al espacio de trabajo de tu proyecto para crear un nuevo programa Java. Dale un nombre al archivo (por ejemplo: sample1.java) y pulsa Intro.

Ahora, puedes ver el archivo Java en el lado derecho del editor. Agrega tu código Java allí.

Aquí tenéis un ejemplo de código:

[java] /** * sample1 */ public class sample1 { public static void main(String[] args) { System.out.println(“Hola usuarios de Experitest”); } } [/java]

Al hacer clic en Ejecutar, se ejecutará el programa.

El programa imprime el texto “Hola usuarios de Experitest”.

Has añadido correctamente la extensión de Java. Los programas Java se ejecutan correctamente aquí.

Paso 3: Configurar el entorno de automatización de pruebas

Para ejecutar scripts de automatización de pruebas, necesitas instalar una herramienta de compilación como Maven o Gradle. Además, debes agregar las dependencias de Selenium, WebDriverManager y TestNG.

Al añadir el paquete de extensiones de Java, también se instala Maven. En el menú inferior izquierdo, verá «Proyecto Maven». Haga clic en la opción «Nuevo archivo» que aparece junto a él.

Seleccione un arquetipo. Elija 'arquetipo-inicio rápido-jdk8'.

Seleccione la versión.

En la siguiente pantalla, seleccione la carpeta de destino y haga clic en Aceptar. El proceso de compilación comenzará.

Ahora, Maven le pedirá algunos detalles como groupid, artifactid, etc. Proporcione los detalles y Maven procesará la compilación.

Una vez finalizada la compilación, podrá ver la estructura del proyecto en el explorador de la izquierda. Haga clic en pom.xml.

En el archivo pom.xml, debes agregar las dependencias de Selenium, WebDriver Manager y TestNG. Para ello, dirígete al repositorio de Maven aquí:

https://mvnrepository.com/

En la barra de búsqueda, introduzca Selenium y haga clic en Buscar.

Abre el enlace de Selenium Java y haz clic en la última versión.

Copia el código para poder pegarlo en el archivo pom.xml.

Ahora, ve a pom.xml y pega el código en la sección de dependencias.

De igual forma, busca 'webdrivermanager' y 'TestNG', copia el código de dependencia en el archivo pom.xml y guárdalo. Verás un mensaje que indica que la compilación se realizó correctamente.

Ejecutando tu primer script de automatización de pruebas

Una vez actualizado el archivo pom.xml, podrá ver la estructura del proyecto en el menú de la izquierda. Debajo del nombre del proyecto, haga clic con el botón derecho en srctestjava y seleccione "Nuevo archivo".

Asigne un nombre al archivo con la extensión .java (ej.: experitest1.java).

Ahora agregue el siguiente código al archivo.

[java] package Experifact.src.test.java.Experipackage; import org.openqa.selenium.WebDriver; import org.openqa.selenium.chrome.ChromeDriver; public class experitest1 { public static void main(String[] args) throws InterruptedException { System.setProperty(“webdriver.chrome.driver”,”C:\chromedriver_win32\chromedriver.exe”); WebDriver driver=new ChromeDriver(); driver.get(“http://www.experitest.com”); Thread.sleep(3000); driver.quit(); } } [/java]

Al ejecutar este código, se abrirá el navegador Chrome y la página web de Experitest.

Así pues, VSCode está preparado para la automatización de pruebas basada en Selenium.

Automatización de pruebas en la nube de Experitest

La plataforma SeeTest de Experitest es una plataforma integral de automatización de pruebas que permite a los desarrolladores probar sus aplicaciones en una variedad de navegadores, dispositivos, plataformas, etc. También ofrece una herramienta de informes intuitiva que le permite comprender cómo se ejecutó cada prueba.

• Para ejecutar scripts de prueba en SeeTest Cloud, abre VSCode y ve al explorador de proyectos.
• En el proyecto Java (Experitestproject), haga clic con el botón derecho en srctestjavaExperipackage
• Haz clic en Crear archivo nuevo
• Asigne un nombre al archivo con la extensión .java (ej.: ExperitestCloud.java).
• Ahora agregue el siguiente código al archivo:

[java] package Experipackage; import org.openqa.selenium.*; import org.openqa.selenium.remote.BrowserType; import org.openqa.selenium.remote.CapabilityType; import org.openqa.selenium.remote.DesiredCapabilities; import org.openqa.selenium.remote.RemoteWebDriver; import org.openqa.selenium.support.ui.ExpectedConditions; import org.openqa.selenium.support.ui.WebDriverWait; import org.testng.annotations.AfterMethod; import org.testng.annotations.BeforeMethod; import org.testng.annotations.Test; import java.net.URL; public class ExperitestCloud { private static final String ACCESS_KEY = “Ingrese su clave de acceso aquí.”; private RemoteWebDriver driver; private URL url; private DesiredCapabilities dc = new DesiredCapabilities(); @BeforeMethod public void setUp() throws Exception { url = new URL(“https://cloud.seetest.io/wd/hub”); dc.setCapability(CapabilityType.BROWSER_NAME, BrowserType.CHROME); dc.setCapability(CapabilityType.PLATFORM, Platform.ANY); dc.setCapability(“accessKey”, ACCESS_KEY); dc.setCapability(“testName”, “Demostración de inicio rápido del navegador Chrome”); driver = new RemoteWebDriver(url, dc); } @Test public void browserTestGoogleSearch() { driver.get(“https://www.google.com”); new WebDriverWait(driver, 10).until(ExpectedConditions.presenceOfElementLocated(By.name(“q”))); WebElement searchBar = driver.findElement(By.name(“q”)); searchBar.click(); searchBar.sendKeys(“Experitest”); searchBar.sendKeys(Keys.ENTER); } @AfterMethod public void tearDown() { System.out.println(“URL del informe: “+ driver.getCapabilities().getCapability(“reportUrl”)); driver.quit(); } } [/java]

Ahora, ejecute la prueba. Esta iniciará sesión en SeeTest Cloud, abrirá el navegador Chrome, abrirá el sitio web de Google y buscará la palabra clave 'Experitest'.

Al hacer clic en el Informe de prueba de Java, podrá ver que la prueba se ha superado.

Una de las características más destacadas de SeeTest Cloud es su función de informes.

Cuando abres la función de informes en la nube de SeeTest, puedes ver un informe detallado de la prueba.

Junto con el informe, se incluye una grabación de la prueba. Puede ver la grabación en el lado derecho del informe. De esta manera, podrá comprender fácilmente cómo se desarrollan las pruebas.

Resumen

VSCode es un editor de texto e IDE ligero para tu lenguaje de programación favorito. Con esta herramienta sencilla y gratuita, puedes ejecutar tus proyectos de automatización de pruebas con facilidad. Si bien ofrece una interfaz completa con todas las extensiones necesarias, no consume muchos recursos del sistema. Además, se carga rápidamente y ejecuta las pruebas con bastante rapidez. También ofrece entornos gestionados llamados Codespace que... puede leer aquí.

Cuando combinas el El poder de la nube SeeTest Con VSCode, no se puede pedir nada mejor.

Guy Arieli – Director de Tecnología