'use strict';

const gemini = require('gemini');

/**
 * Suite of tests against routes that require the user to be authenticated.
*/
gemini.suite('Authenticated', (suite) => {
    suite
        .setUrl('/collection')
        .setCaptureElements('.ascribe-body')
        .before((actions, find) => {
            // This will be called before every nested suite begins unless that suite
            // also defines a `.before()`
            // FIXME: use a more generic class for this, like just '.app',
            // when we can use this file with the whitelabels
            actions.waitForElementToShow('.ascribe-default-app', 5000);
        });

    // Suite just to log us in before any other suites run
    gemini.suite('Login', (loginSuite) => {
        loginSuite
            .setUrl('/login')
            .ignoreElements('.ascribe-body')
            .capture('logged in', (actions, find) => {
                actions.waitForElementToShow('.ascribe-form', 5000);

                actions.sendKeys(find('.ascribe-login-wrapper input[name=email]'), 'dimi@mailinator.com');
                actions.sendKeys(find('.ascribe-login-wrapper input[name=password]'), '0000000000');
                actions.click(find('.ascribe-login-wrapper button[type=submit]'));

                actions.waitForElementToShow('.ascribe-accordion-list:not(.ascribe-loading-position)', 5000);
            });
    });

    gemini.suite('Header-desktop', (headerSuite) => {
        headerSuite
            .setCaptureElements('nav.navbar .container')
            // Ignore Cyland's logo as it's a gif
            .ignoreElements('.client--cyland img.img-brand')
            .skip(/Mobile/)
            .before((actions, find) => {
                actions.waitForElementToShow('.ascribe-accordion-list:not(.ascribe-loading-position)', 5000);
            })
            .capture('desktop header');

        gemini.suite('User dropdown', (headerUserSuite) => {
            headerUserSuite
                .setCaptureElements('#nav-route-user-dropdown ~ .dropdown-menu')
                .capture('expanded user dropdown', (actions, find) => {
                    actions.click(find('#nav-route-user-dropdown'));
                });
        });

        gemini.suite('Notification dropdown', (headerNotificationSuite) => {
            headerNotificationSuite
                .setCaptureElements('#header-notification-dropdown ~ .dropdown-menu')
                .capture('expanded notifications dropdown', (actions, find) => {
                    actions.click(find('#header-notification-dropdown'));
                });
        });
    });

    // Test for the collapsed header in mobile
    gemini.suite('Header-mobile', (headerMobileSuite) => {
        headerMobileSuite
            .setCaptureElements('nav.navbar .container')
            // Ignore Cyland's logo as it's a gif
            .ignoreElements('.client--cyland img.img-brand')
            .skip(/Desktop/)
            .before((actions, find) => {
                actions.waitForElementToShow('.ascribe-accordion-list:not(.ascribe-loading-position)', 5000);
            })
            .capture('mobile header')
            .capture('expanded mobile header', (actions, find) => {
                actions.click(find('nav.navbar .navbar-toggle'));
                // Wait for the header to expand
                actions.wait(500);
            })
            .capture('expanded user dropdown', (actions, find) => {
                actions.click(find('#nav-route-user-dropdown'));
            })
            .capture('expanded notifications dropdown', (actions, find) => {
                actions.click(find('#header-notification-dropdown'));
            });
    });

    gemini.suite('Collection', (collectionSuite) => {
        collectionSuite
            .setCaptureElements('.ascribe-accordion-list')
            .before((actions, find) => {
                actions.waitForElementToShow('.ascribe-accordion-list:not(.ascribe-loading-position)', 5000);
                // Wait for the images to load
                // FIXME: unfortuntately gemini doesn't support ignoring multiple elements from a single selector
                // so we're forced to wait and hope that the images will all finish loading after 5s.
                // We could also change the thumbnails with JS, but setting up a test user is probably easier.
                actions.wait(5000);
            })
            .capture('collection')
            .capture('expanded edition in collection', (actions, find) => {
                actions.click(find('.ascribe-accordion-list-item .ascribe-accordion-list-item-edition-widget'));
                // Wait for editions to load
                actions.waitForElementToShow('.ascribe-accordion-list-item-table', 5000);
            })

        gemini.suite('Collection placeholder', (collectionPlaceholderSuite) => {
            collectionPlaceholderSuite
                .setCaptureElements('.ascribe-accordion-list-placeholder')
                .capture('collection empty search', (actions, find) => {
                    actions.sendKeys(find('.ascribe-piece-list-toolbar .search-bar input[type="text"]'), 'no search result');
                    actions.waitForElementToShow('.ascribe-accordion-list-placeholder', 5000);
                });
        });

        gemini.suite('PieceListBulkModal', (pieceListBulkModalSuite) => {
            pieceListBulkModalSuite
                .setCaptureElements('.piece-list-bulk-modal')
                .capture('items selected', (actions, find) => {
                    actions.click(find('.ascribe-accordion-list-item .ascribe-accordion-list-item-edition-widget'));
                    // Wait for editions to load
                    actions.waitForElementToShow('.ascribe-accordion-list-item-table', 5000);

                    actions.click('.ascribe-table thead tr input[type="checkbox"]');
                    actions.waitForElementToShow('.piece-list-bulk-modal');
                });
        });
    });

    gemini.suite('PieceListToolbar', (pieceListToolbarSuite) => {
        pieceListToolbarSuite
            .setCaptureElements('.ascribe-piece-list-toolbar')
            .capture('piece list toolbar')
            .capture('piece list toolbar search filled', (actions, find) => {
                actions.sendKeys(find('.ascribe-piece-list-toolbar .search-bar input[type="text"]'), 'search text');
            })

        gemini.suite('Order widget dropdown', (pieceListToolbarOrderWidgetSuite) => {
            pieceListToolbarOrderWidgetSuite
                .setCaptureElements('#ascribe-piece-list-toolbar-order-widget-dropdown',
                                    '#ascribe-piece-list-toolbar-order-widget-dropdown ~ .dropdown-menu')
                .capture('expanded order dropdown', (actions, find) => {
                    actions.click(find('#ascribe-piece-list-toolbar-order-widget-dropdown'));

                    // Wait as the dropdown screenshot still includes the collection in the background
                    actions.waitForElementToShow('.ascribe-accordion-list:not(.ascribe-loading-position)', 5000);
                });
        });

        gemini.suite('Filter widget dropdown', (pieceListToolbarFilterWidgetSuite) => {
            pieceListToolbarFilterWidgetSuite
                .setCaptureElements('#ascribe-piece-list-toolbar-filter-widget-dropdown',
                                    '#ascribe-piece-list-toolbar-filter-widget-dropdown ~ .dropdown-menu')
                .capture('expanded filter dropdown', (actions, find) => {
                    actions.click(find('#ascribe-piece-list-toolbar-filter-widget-dropdown'));

                    // Wait as the dropdown screenshot still includes the collection in the background
                    actions.waitForElementToShow('.ascribe-accordion-list:not(.ascribe-loading-position)', 5000);
                });
        });
    });

    gemini.suite('Register work', (registerSuite) => {
        registerSuite
            .setUrl('/register_piece')
            .capture('register work', (actions, find) => {
                // The uploader options are only rendered after the user is fetched, so
                // we have to wait for it here
                actions.waitForElementToShow('.file-drag-and-drop-dialog .present-options', 5000);
            })
            .capture('register work filled', (actions, find) => {
                actions.sendKeys(find('.ascribe-form input[name="artist_name"]'), 'artist name');
                actions.sendKeys(find('.ascribe-form input[name="title"]'), 'title');
                actions.sendKeys(find('.ascribe-form input[name="date_created"]'), 'date created');
            })
            .capture('register work filled with editions', (actions, find) => {
                actions.click(find('.ascribe-form input[type="checkbox"] ~ .checkbox'));
                actions.wait(500);
                actions.sendKeys(find('.ascribe-form input[name="num_editions"]'), '50');
            });

        gemini.suite('Register work hash', (registerHashSuite) => {
            registerHashSuite
                .setUrl('/register_piece?method=hash')
                .capture('register work hash method');
        });

        gemini.suite('Register work upload', (registerUploadSuite) => {
            registerUploadSuite
                .setUrl('/register_piece?method=upload')
                .capture('register work upload method');
        });
    });

    gemini.suite('User settings', (userSettingsSuite) => {
        userSettingsSuite
            .setUrl('/settings')
            .before((actions, find) => {
                // This will be called before every nested suite begins unless that suite
                // also defines a `.before()`
                actions.waitForElementToShow('.settings-container', 5000);
            })
            .capture('user settings');
    });

    // Suite just to log out after suites have run
    gemini.suite('Log out', (logoutSuite) => {
        logoutSuite
            .setUrl('/logout')
            .ignoreElements('.ascribe-body')
            .capture('logout', (actions, find) => {
                actions.waitForElementToShow('.ascribe-login-wrapper', 10000);
            });
    });
});