143 lines
6 KiB
JavaScript
143 lines
6 KiB
JavaScript
|
// Copyright (c) 2016-present Mattermost, Inc. All Rights Reserved.
|
||
|
// See LICENSE.txt for license information.
|
||
|
|
||
|
'use strict';
|
||
|
|
||
|
const env = require('../../modules/environment');
|
||
|
const {asyncSleep} = require('../../modules/utils');
|
||
|
|
||
|
describe('Welcome Screen Modal', function desc() {
|
||
|
this.timeout(30000);
|
||
|
|
||
|
beforeEach(async () => {
|
||
|
env.createTestUserDataDir();
|
||
|
env.cleanTestConfig();
|
||
|
await asyncSleep(1000);
|
||
|
|
||
|
this.app = await env.getApp();
|
||
|
|
||
|
welcomeScreenModal = this.app.windows().find((window) => window.url().includes('welcomeScreen'));
|
||
|
});
|
||
|
|
||
|
afterEach(async () => {
|
||
|
if (this.app) {
|
||
|
await this.app.close();
|
||
|
}
|
||
|
await env.clearElectronInstances();
|
||
|
});
|
||
|
|
||
|
let welcomeScreenModal;
|
||
|
|
||
|
it('MM-T4976 should show the slides in the expected order', async () => {
|
||
|
const welcomeSlideClass = await welcomeScreenModal.getAttribute('#welcome', 'class');
|
||
|
welcomeSlideClass.should.contain('Carousel__slide-current');
|
||
|
|
||
|
await welcomeScreenModal.click('#nextCarouselButton');
|
||
|
|
||
|
const channelSlideClass = await welcomeScreenModal.getAttribute('#channels', 'class');
|
||
|
channelSlideClass.should.contain('Carousel__slide-current');
|
||
|
|
||
|
await welcomeScreenModal.click('#nextCarouselButton');
|
||
|
|
||
|
const playbooksSlideClass = await welcomeScreenModal.getAttribute('#playbooks', 'class');
|
||
|
playbooksSlideClass.should.contain('Carousel__slide-current');
|
||
|
|
||
|
await welcomeScreenModal.click('#nextCarouselButton');
|
||
|
|
||
|
const boardsSlideClass = await welcomeScreenModal.getAttribute('#boards', 'class');
|
||
|
boardsSlideClass.should.contain('Carousel__slide-current');
|
||
|
});
|
||
|
|
||
|
it('MM-T4977 should be able to move through slides clicking the navigation buttons', async () => {
|
||
|
let welcomeSlideClass = await welcomeScreenModal.getAttribute('#welcome', 'class');
|
||
|
welcomeSlideClass.should.contain('Carousel__slide-current');
|
||
|
|
||
|
await welcomeScreenModal.click('#nextCarouselButton');
|
||
|
|
||
|
const channelSlideClass = await welcomeScreenModal.getAttribute('#channels', 'class');
|
||
|
channelSlideClass.should.contain('Carousel__slide-current');
|
||
|
|
||
|
await welcomeScreenModal.click('#prevCarouselButton');
|
||
|
|
||
|
welcomeSlideClass = await welcomeScreenModal.getAttribute('#welcome', 'class');
|
||
|
welcomeSlideClass.should.contain('Carousel__slide-current');
|
||
|
});
|
||
|
|
||
|
it('MM-T4978 should be able to move through slides clicking the pagination indicator', async () => {
|
||
|
const welcomeSlideClass = await welcomeScreenModal.getAttribute('#welcome', 'class');
|
||
|
welcomeSlideClass.should.contain('Carousel__slide-current');
|
||
|
|
||
|
await welcomeScreenModal.click('#PaginationIndicator3');
|
||
|
|
||
|
const boardsSlideClass = await welcomeScreenModal.getAttribute('#boards', 'class');
|
||
|
boardsSlideClass.should.contain('Carousel__slide-current');
|
||
|
|
||
|
await welcomeScreenModal.click('#PaginationIndicator2');
|
||
|
|
||
|
const playbooksSlideClass = await welcomeScreenModal.getAttribute('#playbooks', 'class');
|
||
|
playbooksSlideClass.should.contain('Carousel__slide-current');
|
||
|
});
|
||
|
|
||
|
it('MM-T4979 should be able to move forward through slides automatically every 5 seconds', async () => {
|
||
|
const welcomeSlideClass = await welcomeScreenModal.getAttribute('#welcome', 'class');
|
||
|
welcomeSlideClass.should.contain('Carousel__slide-current');
|
||
|
|
||
|
await asyncSleep(5500);
|
||
|
|
||
|
const channelSlideClass = await welcomeScreenModal.getAttribute('#channels', 'class');
|
||
|
channelSlideClass.should.contain('Carousel__slide-current');
|
||
|
});
|
||
|
|
||
|
it('MM-T4980 should show the slides in the expected order', async () => {
|
||
|
const welcomeSlideClass = await welcomeScreenModal.getAttribute('#welcome', 'class');
|
||
|
welcomeSlideClass.should.contain('Carousel__slide-current');
|
||
|
|
||
|
await welcomeScreenModal.click('#nextCarouselButton');
|
||
|
|
||
|
const channelSlideClass = await welcomeScreenModal.getAttribute('#channels', 'class');
|
||
|
channelSlideClass.should.contain('Carousel__slide-current');
|
||
|
|
||
|
await welcomeScreenModal.click('#nextCarouselButton');
|
||
|
|
||
|
const playbooksSlideClass = await welcomeScreenModal.getAttribute('#playbooks', 'class');
|
||
|
playbooksSlideClass.should.contain('Carousel__slide-current');
|
||
|
|
||
|
await welcomeScreenModal.click('#nextCarouselButton');
|
||
|
|
||
|
const boardsSlideClass = await welcomeScreenModal.getAttribute('#boards', 'class');
|
||
|
boardsSlideClass.should.contain('Carousel__slide-current');
|
||
|
});
|
||
|
|
||
|
it('MM-T4981 should be able to move from last to first slide', async () => {
|
||
|
await welcomeScreenModal.click('#PaginationIndicator3');
|
||
|
|
||
|
const boardsSlideClass = await welcomeScreenModal.getAttribute('#boards', 'class');
|
||
|
boardsSlideClass.should.contain('Carousel__slide-current');
|
||
|
|
||
|
await welcomeScreenModal.click('#nextCarouselButton');
|
||
|
|
||
|
const welcomeSlideClass = await welcomeScreenModal.getAttribute('#welcome', 'class');
|
||
|
welcomeSlideClass.should.contain('Carousel__slide-current');
|
||
|
});
|
||
|
|
||
|
it('MM-T4982 should be able to move from first to last slide', async () => {
|
||
|
const welcomeSlideClass = await welcomeScreenModal.getAttribute('#welcome', 'class');
|
||
|
welcomeSlideClass.should.contain('Carousel__slide-current');
|
||
|
|
||
|
await welcomeScreenModal.click('#prevCarouselButton');
|
||
|
|
||
|
const boardsSlideClass = await welcomeScreenModal.getAttribute('#boards', 'class');
|
||
|
boardsSlideClass.should.contain('Carousel__slide-current');
|
||
|
});
|
||
|
|
||
|
it('MM-T4983 should be able to click the get started button and be redirected to new server modal', async () => {
|
||
|
await welcomeScreenModal.click('#getStartedWelcomeScreen');
|
||
|
|
||
|
const newServerModal = await this.app.waitForEvent('window', {
|
||
|
predicate: (window) => window.url().includes('newServer'),
|
||
|
});
|
||
|
const modalTitle = await newServerModal.innerText('#newServerModal .modal-title');
|
||
|
modalTitle.should.equal('Add Server');
|
||
|
});
|
||
|
});
|