scratch-www/test/integration/smoke-testing/test_project_rows.js

/*
 * Checks that the some of the homepage rows on the homepage are displayed and
 * contents have the right URLs to redirect to
 *
 * Test cases: https://github.com/LLK/scratch-www/wiki/Most-Important-Workflows
 */

require('chromedriver');
var tap = require('tap');
var seleniumWebdriver = require('selenium-webdriver');

// Selenium's promise driver will be deprecated, so we should not rely on it
seleniumWebdriver.SELENIUM_PROMISE_MANAGER=0;

//chrome driver
var driver = new seleniumWebdriver.Builder().withCapabilities(seleniumWebdriver.Capabilities.chrome()).build();

var rootUrl = process.env.ROOT_URL || 'https://scratch.ly';

//number of tests in the plan
tap.plan(4);

tap.tearDown(function () {
    //quit the instance of the browser
    driver.quit();
});

tap.beforeEach(function () {
    //load the page with the driver
    return driver.get(rootUrl);
});

//checks that the title of the first row is Featured Projects
tap.test('checkFeaturedProjectsRowTitleWhenSignedOut', function (t) {
    var xPathLink = '//div[@class="box"]/div[@class="box-header"]/h4';
    driver.findElement(seleniumWebdriver.By.xpath(xPathLink))
        .then( function (element) {
            element.getText('h4')
            .then( function (text) {
                //expected value of the title text
                var expectedText = 'Featured Projects';
                t.equal(text, expectedText);
                t.end();
            });
        });
});

//checks that the link for a project makes sense
tap.test('checkFeaturedProjectsRowLinkWhenSignedOut', function (t) {
    var xPathLink = '//div[contains(@class, "thumbnail") ' +
        'and contains(@class, "project") and contains(@class, "slick-slide") ' +
        'and contains(@class, "slick-active")]/a[@class="thumbnail-image"]';
    driver.wait(seleniumWebdriver.until
        .elementLocated(seleniumWebdriver.By.xpath(xPathLink)))
        .then( function (element) {
            element.getAttribute('href')
            .then( function (url) {
                //expected pattern for the project URL
                //since I don't know the length of the project ID number
                var expectedUrlRegExp = new RegExp('/projects/.*[0-9].*/?');
                t.match(url, expectedUrlRegExp);
                t.end();
            });
        });
});

//checks that the title of the 2nd row is Featured Studios
tap.test('checkFeaturedStudiosRowWhenSignedOut', function (t) {
    var xPathLink = '//div[@class="box"][2]/div[@class="box-header"]/h4';
    driver.findElement(seleniumWebdriver.By.xpath(xPathLink))
        .then(function (element) {
            element.getText('h4')
            .then( function (text) {
                var expectedText = 'Featured Studios';
                t.equal(text, expectedText);
                t.end();
            });
        });
});

//checks that the link for a studio makes sense
tap.test('checkFeaturedStudiosRowLinkWhenSignedOut', function (t) {
    var xPathLink = '//div[contains(@class, "thumbnail") and contains(@class, "gallery") ' +
        'and contains(@class, "slick-slide") and contains(@class, "slick-active")]/a[@class="thumbnail-image"]';
    driver.findElement(seleniumWebdriver.By.xpath(xPathLink))
        .then(function (element) {
            element.getAttribute('href')
            .then( function (url) {
                var expectedUrlRegExp = new RegExp('/studios/.*[0-9].*/?');
                t.match(url, expectedUrlRegExp);
                t.end();
            });
        });
});