galen

Marco de Galeno

maestro:

Galen es una herramienta de código abierto para probar el diseño y el diseño responsivo de aplicaciones web. También es un poderoso marco de pruebas funcionales. Para más información visite http://galenframework.com

¿Cómo funciona?

Galen Framework utiliza Selenium para abrir el navegador web y seleccionar los elementos probados en la página. Tiene un lenguaje especial para describir el diseño de la página web para diferentes tamaños de navegador. Solo necesita definir sus propias etiquetas para dispositivos y tamaños y luego, utilizando el lenguaje de especificaciones Galen, escriba comprobaciones para cada elemento en la página. La mejor manera de probar el diseño es verificar la ubicación y las dimensiones de los elementos entre sí. A continuación se muestra un pequeño ejemplo de sintaxis básica.

 @objects
    header                  id  header
    menu                    css #menu
    content                 id  content
    side-panel              id  side-panel
    footer                  id  footer

= Main section =
    @on *
        header:
            inside screen 0px top, 0px left, 0px right

        menu:
            inside screen 0px left right
            below header 0px

        content:
            below menu 0px
            inside screen 0px left

    @on desktop
        side-panel:
            below menu 0px
            inside screen 0px right
            width 300px
            near content 0px right

    @on mobile
        content, side-panel:
            width 100% of screen/width

        side-panel:
            below content 0px

Y aquí hay una especificación más avanzada:

 # example of using custom rules (functions)

@set userMargin 5 to 10 px

@objects
    user-*      div.users-list .user

@rule %{pattern} are below each other by %{distance} and aligned
    @forEach [pattern] as object, prev as prevObject
        ${object}:
            below ${prevObject} ${distance}
            aligned vertically all ${prevObject}

= Checking all users =
    | user-* are below each other by ${userMargin} and aligned

Declaraciones condicionales:

 @objects
    banner-container    #banner-container

= Banner section =
    @if ${isVisible("banner-container")}
        banner-container:
            image file imgs/banner.png, error 5%

Para obtener más información, lea la documentación de Galen Framework.

Contribuyendo

Si desea contribuir a este proyecto, busque los problemas abiertos actualmente. Indique en los comentarios del problema que lo retomará porque alguien ya podría trabajar en él. Al final, simplemente envíe la solicitud de extracción. Por cierto, la característica en la que vas a trabajar no sólo debería resolver tu problema particular. Debe ser extensible y configurable. Los problemas de github son el mejor lugar para debatir sobre la función y discutir cómo debería implementarse.

Todo el trabajo en la próxima versión se realiza en la rama de versión correspondiente (por ejemplo, versión 2.5). La rama maestra refleja la versión en vivo actual. La mayoría de las solicitudes de extracción se aceptan en la rama de lanzamiento y no en la maestra.

Si desea realizar un cambio en el sitio web de Galen Framework (http://galenframework.com), puede hacerlo aquí https://github.com/galenframework/galenframework.com

Agregue la clave GPG a su configuración de maven.xml:

      <properties>
          <gpg.keyname>C78F3CC4</gpg.keyname>
          <gpg.passphrase>Password</gpg.passphrase>
          ...

Configurar las dependencias mvn clean install

La prueba se puede ejecutar a través de mvn verify

Para ejecutar pruebas de integraciones en Chrome:

mvn clean verify -Dwebdriver.chrome.driver=/opt/dev/chromedriver -Dselenium.browser=chrome

Asegúrese de haber descargado Chromedriver, consulte aquí

También necesitas Maven 3.3 o superior y Node con algunos módulos:

• sudo npm install -g grunt-cli
• sudo npm install -g bower

Edificio

Este proyecto está basado en Maven. Puedes usar Intellij o Eclipse para ello. Se está desarrollando en Linux, por lo que todos los scripts de ensamblaje están en bash. Para ensamblar el dist con archivos zip, simplemente ejecute ./makeDist.sh y creará una carpeta dist con carpetas binarias y de origen y también preparará archivos zip allí. Si desea probar rápidamente el concepto e instalar galen inmediatamente después del ensamblaje, puede usar el script ./assembleAndInstall.sh . Utiliza makeDist.sh y luego simplemente invoca sudo ./install.sh

Pruebas

Hay dos niveles de prueba. La primera es simplemente la mvn clean test . Pero como hay mucho código Javascript, necesitas Mocha. Las pruebas se encuentran en la carpeta src/test/js/ . Para ejecutar simplemente vaya a esa carpeta y ejecute testJs.sh

Licencia

Galen Framework tiene la licencia Apache, versión 2.0