mattermost-desktop/test/browser_test.js

'use strict';

const webdriverio = require('webdriverio');
const should = require('should');
const path = require('path');
const fs = require('fs');

const source_root_dir = path.join(__dirname, '..');
const electron_binary_path = (function() {
  if (process.platform === 'darwin') {
    return path.join(source_root_dir, 'node_modules/electron-prebuilt/dist/Electron.app/Contents/MacOS/Electron');
  }
  else {
    const exe_extension = (process.platform === 'win32') ? '.exe' : '';
    return path.join(source_root_dir, 'node_modules/electron-prebuilt/dist/electron' + exe_extension);
  }
})();
const config_file_path = path.join(source_root_dir, 'test_config.json');
const mattermost_url = 'http://example.com/team';

var options = {
  host: 'localhost', // Use localhost as chrome driver server
  port: 9515, // "9515" is the port opened by chrome driver.
  desiredCapabilities: {
    browserName: 'chrome',
    chromeOptions: {
      binary: electron_binary_path, // Path to your Electron binary.
      args: ['app=' + path.join(source_root_dir, 'src'), '--config-file=' + config_file_path] // Optional, perhaps 'app=' + /path/to/your/app/
    }
  }
};

describe('electron-mattermost', function() {
  this.timeout(10000);

  var chromedriver;
  var client;
  before(function(done) {
    chromedriver = require('child_process').spawn('node_modules/chromedriver/lib/chromedriver/chromedriver', ['--url-base=wd/hub', '--port=9515']);
    client = webdriverio.remote(options);

    fs.unlink(config_file_path, function(err) {
      // waiting for chromedriver
      setTimeout(done, 1000);
    });
  });

  afterEach(function(done) {
    client.end().then(function() {
      done();
    });
  });

  after(function() {
    chromedriver.kill();
  });

  it('should show settings.html when there is no config file', function(done) {
    client
      .init()
      .getUrl().then(function(url) {
        var p = path.parse(url);
        p.base.should.equal('settings.html');
      })
      .end().then(function() {
        done();
      });
  });

  it('should show index.html when there is config file', function(done) {
    fs.writeFileSync(config_file_path, JSON.stringify({
      url: mattermost_url
    }));
    client
      .init()
      .getUrl().then(function(url) {
        var p = path.parse(url);
        p.base.should.equal('index.html');
      })
      .end().then(function() {
        done();
      });
  });

  it('should upgrade v0 config file', function(done) {
    const settings = require('../src/common/settings');
    fs.writeFileSync(config_file_path, JSON.stringify({
      url: mattermost_url
    }));
    client
      .init()
      .getUrl().then(function(url) {
        var p = path.parse(url);
        p.base.should.equal('index.html');
      })
      .end().then(function() {
        var str = fs.readFileSync(config_file_path, 'utf8');
        var config = JSON.parse(str);
        config.version.should.equal(settings.version);
        done();
      });
  });

  describe('index.html', function() {
    const config = {
      version: 1,
      teams: [{
        name: 'example_1',
        url: mattermost_url
      }, {
        name: 'example_2',
        url: mattermost_url
      }]
    };

    before(function() {
      fs.writeFileSync(config_file_path, JSON.stringify(config));
    });

    it('should set src of webview from config file', function(done) {
      client
        .init()
        .getAttribute('.mattermostView', 'src').then(function(attribute) {
          attribute.forEach(function(attr, index) {
            attr.should.equal(config.teams[index].url);
          });
        })
        .end().then(function() {
          done();
        });
    });

    it('should set name of tab from config file', function(done) {
      client
        .init()
        .getText('.teamTabItem').then(function(text) {
          text.forEach(function(t, index) {
            t.should.equal(config.teams[index].name);
          });
        })
        .end().then(function() {
          done();
        });
    });

    it('should show only the selected team', function(done) {
      var checkVisility = function(visibleIndex) {
        return function(isVisible) {
          isVisible.forEach(function(v, index) {
            if (index === visibleIndex) {
              v.should.equal(true);
            }
            else {
              v.should.equal(false);
            }
          });
        };
      };
      client
        .init()
        .isVisible('.mattermostView').then(checkVisility(0))
        .click('#teamTabItem1')
        .isVisible('.mattermostView').then(checkVisility(1))
        .click('#teamTabItem0')
        .isVisible('.mattermostView').then(checkVisility(0))
        .end().then(function() {
          done();
        });
    });
  });
});