E2E-Test zur Auswahl des Auswahlfelds mit CasperJS, Nightmare und Python + WebDriver + PhantomJS

Zweck

Ich habe einen E2E-Test geschrieben und war süchtig danach, ein Auswahlfeld auszuwählen. Daher werde ich nach der Recherche versuchen, es in mehrere Bibliotheken zu schreiben. Schreiben Sie einige Funktionen, die Ihnen wichtig sind.

--Wählen Sie das Auswahlfeld

• Nehmen Sie den ausgewählten Wert in das Auswahlfeld
• Nehmen Sie die angezeigte URL --Erfassung

CasperJS

/*global casper*/
casper.test.begin('Test Sample', 2, function(test) {
    var selectbox = '#lang-chooser';
    var lang = 'fr';

    casper.start('https://www.google.com/doodles');

    casper.then(function() {
        var params = {};
        test.comment('change the value of the select box');

        params[selectbox] = lang;
        this.fillSelectors('#language-menu',params);

        test.assertEvalEquals(
            function(selector) {
                return document.querySelector(selector).value;
            },
            lang,
            'value of the select box has been changed',
            selectbox);
    });

    casper.then(function() {
        var comment = 'is included language type in url';
        var re = new RegExp('\\?hl=(' + lang + ')');
        test.assertMatch(this.getCurrentUrl(), re, comment);
    });

    casper.then(function() {
        this.capture('google.png');
    });

    casper.run(function() {
        test.done();
    });

});

Ausführungsergebnis

$ casperjs test test_google_selector.js
Test file: test_google_selector.js
# Test Sample
PASS Test Sample (2 tests)
# change the value of the select box
PASS value of the select box has been changed
PASS is included language type in url
PASS 2 tests executed in 2.477s, 2 passed, 0 failed, 0 dubious, 0 skipped.

Nightmare + mocha

/*jshint -W024 */
var Nightmare = require('nightmare');
var assert = require("assert");

describe('Test Sample', function(){
    this.timeout(15000);

    it('can change the value of the select box.', function(done){
        var selector = '#lang-chooser';
        var lang = 'fr';
        new Nightmare()
            .goto('https://www.google.com/doodles')
            .select(selector, lang)
            .evaluate(function (selector) {
                return document.querySelector(selector).value;
            }, function (select_value) {
                assert.equal(lang, select_value, 'value of the select box has been changed');
            }, selector)
            .wait(3000)
            .evaluate(function(lang) {
                var re = new RegExp('\\?hl=(' + lang + ')');
                return location.href.match(re);
            }, function(is_included_lang_in_url) {
                assert.ok(is_included_lang_in_url, 'is included language type in url');
            }, lang)

            .screenshot('google.png')
            .run(done);
    });
});

Ausführungsergebnis

$ node_modules/.bin/mocha test_google_selector.js


  Test Sample
    ✓ can select a select box. (3932ms)


  1 passing (4s)

Python + webdriver + phantomjs

from selenium import webdriver
from selenium.webdriver.support.ui import Select
import unittest


class TestSample(unittest.TestCase):
    def setUp(self):
        self.driver = webdriver.PhantomJS()
        self.driver.get('https://www.google.com/doodles')

    def tearDown(self):
        self.driver.quit()

    def test_lang_chooser(self):
        """can select a select box"""
        driver = self.driver
        selector = 'select#lang-chooser'
        lang = 'fr'

        # change the value of the select box
        element = driver.find_element_by_css_selector(selector)
        select = Select(element)
        select.select_by_value(lang)

        element = driver.find_element_by_css_selector(selector)
        self.assertEqual(
            lang, element.get_attribute("value"),
            'value of the select box has been changed'
        )

        self.assertTrue(
            '?hl={lang}'.format(lang=lang) in driver.current_url,
            'is included language type in url'
        )

        driver.save_screenshot("google.png ")


if __name__ == "__main__":
    unittest.main()

Ausführungsergebnis

$ python test_google_selector.py -v
test_lang_chooser (__main__.TestSample)
can select a select box ... ok

----------------------------------------------------------------------
Ran 1 test in 5.608s

OK

Impressionen

Unbeabsichtigt wurde es nur Phantom JS-System .... Wie schreibt man einen einfach zu lesenden Test? Gefällt mir Kommentare. Ich frage mich, ob der E2E-Test etwas sein sollte, das schnell und schnell geschrieben und ausgeführt werden kann. Es gibt mehr Selen-basierte ...

Casperjs

• Wenn Sie es in casper einschließen, ist es weniger wahrscheinlich, dass es einen Fehler verursacht. Wenn Sie zu viel einschließen, ist der Code redundant, sodass es schwierig ist, zu entscheiden, wo er getrennt werden soll.
• Die Codebeschreibung ist eindeutig.
• Es scheint viele Informationen zu geben, aber es kann wenig geben. Ich möchte verschiedene Codes sehen, die hilfreich sein können ...

Nightmare

• Wenn Sie nicht lange warten, kann ein Fehler auftreten. Manchmal ist es zu spät und ich weiß nicht, wo ich warten soll ... ――Es war extrem langsam, als ich es auf einem bestimmten Anmeldebildschirm verwendet habe ――Wenn Sie einen Test schreiben, frage ich mich, ob Sie Mokka oder Chai nach Belieben mischen können. Diese Bibliothek hat auch wenig Informationen ... --evaluating () ist etwas schwer zu verstehen oder zu verwenden. Es kann unvermeidlich sein, weil es so etwas ist.
• Wenn die Geschwindigkeit verbessert wird und viele Informationen wie Testbeispielcode vorliegen, kann dies für die PhantomJS-Serie hilfreich sein ...

Python

--Interessiert ――Ich dachte, der Code wäre redundant, aber CasperJS ist auch ziemlich redundant ... Es hängt davon ab, wie Sie es schreiben. ――Es kann überraschend sein, wenn Sie verstehen, wie man gut schreibt.

Referenz

• http://casperjs.org/
• http://www.nightmarejs.org/
• http://selenium-python.readthedocs.org/en/latest/index.html