'use strict';

// #############################################################################
// Create the first page

var helpers = require('djangocms-casper-helpers');
var globals = helpers.settings;
var content = globals.content.page;
var cms = helpers();

casper.test.setUp(function(done) {
    casper.start().then(cms.login()).run(done);
});

casper.test.tearDown(function(done) {
    casper.start().then(cms.logout()).run(done);
});

casper.test.begin('Add First Page with wizard', function(test) {
    casper
        .start(globals.editUrl)
        .waitForSelector('.cms-ready')
        .waitUntilVisible('.cms-modal', function() {
            this.click('.cms-modal .cms-modal-close');
        })
        .waitWhileVisible('.cms-modal', function() {
            test.assertNotVisible('.cms-modal', 'The wizard pop up is closed');

            this.click('.js-welcome-add');
        })
        .waitUntilVisible('.cms-modal', function() {
            test.assertVisible('.cms-modal', 'The wizard pop up is opened');

            this.click('.cms-modal-buttons .cms-btn-action');
        })
        .withFrame(0, function() {
            test.assertExists('#id_1-title', 'The page creation wizard form is available');

            this.waitUntilVisible('#cke_id_1-content', function() {
                // ckeditor textarea has to be done like this
                this.evaluate(function(text) {
                    CMS.CKEditor.editor.setData(text);
                }, content.text);

                this.fill(
                    '.cms-content-wizard form',
                    {
                        '1-title': content.title
                    },
                    true
                );
            });
        })
        .waitForResource(/cms_wizard\/create/)
        .waitForSelector('.cms-ready', function() {
            test.assertSelectorHasText(
                '.cms-plugin',
                content.text,
                'The new page has been created and its content is correct'
            );

            test.assertExists('.cms-btn-switch-save', 'The new page has been published');
        }).then(cms.removePage())
        .run(function() {
            test.done();
        });
});

casper.test.begin('Welcome page uses correct language', function(test) {
    casper
        .start(globals.editUrl)
        .waitForSelector('.cms-ready')
        .waitUntilVisible('.cms-modal', function() {
            test.assertVisible('.cms-modal', 'The wizard pop up is opened');
            test.assertSelectorHasText(
                '.cms-modal-title-prefix',
                'Welcome to django CMS',
                'Modal has correct language'
            );
        })
        .run(function() {
            test.done();
        });
});

casper.test.begin('Welcome page uses correct language 2', function(test) {
    casper
        .start(globals.editUrl.replace(/en/, 'de'))
        .waitForSelector('.cms-ready')
        .waitUntilVisible('.cms-modal', function() {
            test.assertVisible('.cms-modal', 'The wizard pop up is opened');
            test.assertSelectorHasText(
                '.cms-modal-title-prefix',
                'Welcome to django CMS',
                'Modal has correct language'
            );
        })
        .run(function() {
            test.done();
        });
});

casper.test.begin('Welcome page uses correct language 3', function(test) {
    casper
        .start(globals.baseUrl + 'admin/cms/usersettings')
        .waitForSelector('#content-main', function() {
            test.assertExists('#id_language', 'language button exists');

            // selects German language
            this.fill(
                '#usersettings_form',
                {
                    language: 'de'
                },
                true
            );
        })
        .wait(2000)
        .thenOpen(globals.editUrl.replace(/en/, 'de'))
        .waitForSelector('.cms-ready')
        .waitUntilVisible('.cms-modal', function() {
            test.assertVisible('.cms-modal', 'The wizard pop up is opened');
            test.assertSelectorHasText(
                '.cms-modal-title-prefix',
                'Willkommen im django CMS',
                'Modal has correct language'
            );
        })
        .thenOpen(globals.baseUrl + 'admin/cms/usersettings')
        .waitForSelector('#content-main', function() {
            test.assertExists('#id_language', 'language button exists');

            // selects english language back
            this.fill(
                '#usersettings_form',
                {
                    language: 'en'
                },
                true
            );
        })
        .wait(2000)
        .run(function() {
            test.done();
        });
});