galen

Kerangka Galen

menguasai:

Galen adalah alat sumber terbuka untuk menguji tata letak dan desain responsif aplikasi web. Ini juga merupakan kerangka pengujian fungsional yang kuat. Untuk informasi lebih lanjut kunjungi http://galenframework.com

Bagaimana cara kerjanya?

Galen Framework menggunakan Selenium untuk membuka browser web dan memilih elemen yang diuji pada halaman. Ini memiliki bahasa khusus untuk menggambarkan tata letak halaman web untuk berbagai ukuran browser. Anda hanya perlu menentukan tag Anda sendiri untuk perangkat dan ukuran dan kemudian menggunakan pemeriksaan tulis bahasa spesifikasi galen untuk setiap elemen di halaman. Cara terbaik untuk menguji tata letak adalah dengan memeriksa lokasi dan dimensi elemen relatif satu sama lain. Berikut adalah contoh kecil sintaks dasar.

 @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

Dan ini spek lebih lanjutnya:

 # 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

Pernyataan bersyarat:

 @objects
    banner-container    #banner-container

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

Untuk informasi lebih lanjut silakan baca Dokumentasi Kerangka Galen

Berkontribusi

Jika Anda ingin berkontribusi pada proyek ini, cari saja isu-isu terbuka terkini. Harap beri tahu di komentar tentang masalah yang akan Anda ambil karena seseorang sudah dapat mengerjakannya. Pada akhirnya kirimkan saja permintaan tariknya. Omong-omong, fitur yang akan Anda kerjakan seharusnya tidak hanya menyelesaikan masalah khusus Anda. Itu harus dapat diperluas dan dikonfigurasi. Masalah github adalah tempat terbaik untuk berdebat tentang fitur tersebut dan mendiskusikan bagaimana fitur tersebut harus diterapkan.

Semua pekerjaan pada versi berikutnya dilakukan di cabang rilis yang sesuai (misalnya rilis-2.5). Cabang master mencerminkan versi live saat ini. Sebagian besar permintaan tarik diterima di cabang rilis dan bukan di master.

Jika Anda ingin melakukan perubahan pada website Galen Framework (http://galenframework.com) Anda dapat melakukannya di sini https://github.com/galenframework/galenframework.com

Tambahkan kunci GPG ke maven settings.xml Anda:

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

Siapkan dependensi mvn clean install

Tes dapat dijalankan melalui mvn verify

Untuk menjalankan pengujian integrasi terhadap chrome:

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

Pastikan Anda mengunduh chromedriver, lihat di sini

Anda juga memerlukan Maven 3.3 atau lebih tinggi dan Node dengan beberapa modul:

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

Bangunan

Proyek ini didasarkan pada Maven. Anda dapat menggunakan Intellij atau Eclipse untuk itu. Ini sedang dikembangkan di Linux sehingga semua skrip perakitan ada di bash. Untuk merakit dist dengan arsip zip, jalankan saja ./makeDist.sh dan itu akan membuat folder dist dengan folder biner dan sumber dan itu akan menyiapkan arsip zip di sana juga. Jika Anda ingin segera menguji konsep dan menginstal galen segera setelah perakitan, Anda dapat menggunakan skrip ./assembleAndInstall.sh . Ia menggunakan makeDist.sh dan kemudian memanggil sudo ./install.sh

Pengujian

Ada dua tingkat pengujian. Yang pertama hanyalah mvn clean test biasa. Tetapi karena ada banyak kode Javascript - Anda memerlukan Mocha. Tes terletak di folder src/test/js/ . Untuk menjalankannya, buka saja folder itu dan jalankan testJs.sh

Lisensi

Galen Framework dilisensikan di bawah Lisensi Apache, Versi 2.0