/*
 * Checks the behavior of the organization step in the educators registration process
 *
 * Test cases: https://github.com/LLK/scratch-www/wiki/Testing-Scratch-www#All_Test_Cases_Teacher_Join_Flow
 */
require('chromedriver');
const seleniumWebdriver = require('selenium-webdriver');
const tap = require('tap');

const utils = require('./teacher_registration_utils.js');
const constants = utils.constants;

// Set test url through environment variable
const rootUrl = process.env.ROOT_URL || 'http://localhost:8333';

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

tap.plan(4);

tap.tearDown(() => {
    driver.quit();
});

tap.beforeEach(function () {
    driver.get(`${rootUrl}/educators/register`);
    return utils.fillUsernameSlide(driver, seleniumWebdriver)
        .then(utils.fillDemographicsSlide.bind(this, driver, seleniumWebdriver)) // eslint-disable-line no-invalid-this
        .then(utils.fillNameSlide.bind(this, driver, seleniumWebdriver)) // eslint-disable-line no-invalid-this
        .then(utils.fillPhoneSlide.bind(this, driver, seleniumWebdriver)); // eslint-disable-line no-invalid-this
});

tap.test('otherFieldRequiredIfChecked', t => {
    const otherCheckbox = driver.findElement(seleniumWebdriver.By.xpath('//input[@type="checkbox" and @value="8"]'));
    const nextStepButton = driver.findElement(seleniumWebdriver.By.xpath(constants.nextStepXpath));
    const errorMessageXPath = `//div[@class="other-input"]${constants.generalErrorMessageXpath}`;
    otherCheckbox.click().then(() => {
        nextStepButton.click().then(() => {
            driver.findElements(seleniumWebdriver.By.xpath(errorMessageXPath))
                .then(validationMessages => {
                    t.equal(validationMessages.length, 1);
                    t.end();
                });
        });
    });
});

tap.test('checkOrganizationFieldRequired', t => {
    const nextStepButton = driver.findElement(seleniumWebdriver.By.xpath(constants.nextStepXpath));
    const errorMessageXPath = '//input[@name="organization.name"]/following-sibling::' +
        'span[@class="help-block validation-message"]/span[contains(text(),' +
        '"This field is required")]';
    nextStepButton.click().then(() => {
        driver.findElements(seleniumWebdriver.By.xpath(errorMessageXPath))
            .then(validationMessages => {
                t.equal(validationMessages.length, 1);
                t.end();
            });
    });
});

tap.test('checkRoleFieldRequired', t => {
    const nextStepButton = driver.findElement(seleniumWebdriver.By.xpath(constants.nextStepXpath));
    const errorMessageXPath = '//input[@name="organization.title"]/following-sibling::' +
        'span[@class="help-block validation-message"]/span[contains(text(),' +
        '"This field is required")]';
    nextStepButton.click().then(() => {
        driver.findElements(seleniumWebdriver.By.xpath(errorMessageXPath))
            .then(validationMessages => {
                t.equal(validationMessages.length, 1);
                t.end();
            });
    });
});

tap.test('checkOrganizationTypeRequired', t => {
    const nextStepButton = driver.findElement(seleniumWebdriver.By.xpath(constants.nextStepXpath));
    const errorMessageXPath = '//div[@class="checkbox"]/following-sibling::' +
        'span[@class="help-block validation-message" and contains(text(),' +
        '"This field is required")]';
    nextStepButton.click().then(() => {
        driver.findElements(seleniumWebdriver.By.xpath(errorMessageXPath))
            .then(validationMessages => {
                t.equal(validationMessages.length, 1);
                t.end();
            });
    });
});