[MM-40316] Unit tests for main/menus (#1877)
* Unit tests for main/menus/app * Also this * Unit tests for main/menus/tray
This commit is contained in:
parent
a4a275bd73
commit
b20e139971
|
@ -70,7 +70,10 @@
|
||||||
"jsx",
|
"jsx",
|
||||||
"json"
|
"json"
|
||||||
],
|
],
|
||||||
"testMatch": ["**/src/**/*.test.js"]
|
"testMatch": ["**/src/**/*.test.js"],
|
||||||
|
"globals": {
|
||||||
|
"__HASH_VERSION__": "5.0.0"
|
||||||
|
}
|
||||||
},
|
},
|
||||||
"devDependencies": {
|
"devDependencies": {
|
||||||
"@babel/cli": "^7.14.5",
|
"@babel/cli": "^7.14.5",
|
||||||
|
|
|
@ -58,8 +58,8 @@ import CriticalErrorHandler from './CriticalErrorHandler';
|
||||||
import upgradeAutoLaunch from './autoLaunch';
|
import upgradeAutoLaunch from './autoLaunch';
|
||||||
import CertificateStore from './certificateStore';
|
import CertificateStore from './certificateStore';
|
||||||
import TrustedOriginsStore from './trustedOrigins';
|
import TrustedOriginsStore from './trustedOrigins';
|
||||||
import appMenu from './menus/app';
|
import {createMenu as createAppMenu} from './menus/app';
|
||||||
import trayMenu from './menus/tray';
|
import {createMenu as createTrayMenu} from './menus/tray';
|
||||||
import allowProtocolDialog from './allowProtocolDialog';
|
import allowProtocolDialog from './allowProtocolDialog';
|
||||||
import AppVersionManager from './AppVersionManager';
|
import AppVersionManager from './AppVersionManager';
|
||||||
import initCookieManager from './cookieManager';
|
import initCookieManager from './cookieManager';
|
||||||
|
@ -863,13 +863,13 @@ function handleCloseAppMenu() {
|
||||||
}
|
}
|
||||||
|
|
||||||
function handleUpdateMenuEvent(event: IpcMainEvent, menuConfig: Config) {
|
function handleUpdateMenuEvent(event: IpcMainEvent, menuConfig: Config) {
|
||||||
const aMenu = appMenu.createMenu(menuConfig);
|
const aMenu = createAppMenu(menuConfig);
|
||||||
Menu.setApplicationMenu(aMenu);
|
Menu.setApplicationMenu(aMenu);
|
||||||
aMenu.addListener('menu-will-close', handleCloseAppMenu);
|
aMenu.addListener('menu-will-close', handleCloseAppMenu);
|
||||||
|
|
||||||
// set up context menu for tray icon
|
// set up context menu for tray icon
|
||||||
if (shouldShowTrayIcon()) {
|
if (shouldShowTrayIcon()) {
|
||||||
const tMenu = trayMenu.createMenu(menuConfig.data!);
|
const tMenu = createTrayMenu(menuConfig.data!);
|
||||||
setTrayMenu(tMenu);
|
setTrayMenu(tMenu);
|
||||||
}
|
}
|
||||||
}
|
}
|
||||||
|
|
209
src/main/menus/app.test.js
Normal file
209
src/main/menus/app.test.js
Normal file
|
@ -0,0 +1,209 @@
|
||||||
|
// Copyright (c) 2016-present Mattermost, Inc. All Rights Reserved.
|
||||||
|
// See LICENSE.txt for license information.
|
||||||
|
|
||||||
|
'use strict';
|
||||||
|
|
||||||
|
import * as WindowManager from 'main/windows/windowManager';
|
||||||
|
|
||||||
|
import {createTemplate} from './app';
|
||||||
|
|
||||||
|
jest.mock('electron', () => ({
|
||||||
|
app: {
|
||||||
|
name: 'AppName',
|
||||||
|
getVersion: () => '5.0.0',
|
||||||
|
},
|
||||||
|
}));
|
||||||
|
|
||||||
|
jest.mock('main/windows/windowManager', () => ({
|
||||||
|
getCurrentTeamName: jest.fn(),
|
||||||
|
}));
|
||||||
|
|
||||||
|
jest.mock('common/tabs/TabView', () => ({
|
||||||
|
getTabDisplayName: (name) => name,
|
||||||
|
}));
|
||||||
|
|
||||||
|
describe('main/menus/app', () => {
|
||||||
|
const config = {
|
||||||
|
data: {
|
||||||
|
enableServerManagement: true,
|
||||||
|
teams: [{
|
||||||
|
name: 'example',
|
||||||
|
url: 'http://example.com',
|
||||||
|
order: 0,
|
||||||
|
tabs: [
|
||||||
|
{
|
||||||
|
name: 'TAB_MESSAGING',
|
||||||
|
order: 0,
|
||||||
|
isOpen: true,
|
||||||
|
},
|
||||||
|
{
|
||||||
|
name: 'TAB_FOCALBOARD',
|
||||||
|
order: 1,
|
||||||
|
isOpen: true,
|
||||||
|
},
|
||||||
|
{
|
||||||
|
name: 'TAB_PLAYBOOKS',
|
||||||
|
order: 2,
|
||||||
|
isOpen: true,
|
||||||
|
},
|
||||||
|
],
|
||||||
|
lastActiveTab: 0,
|
||||||
|
}, {
|
||||||
|
name: 'github',
|
||||||
|
url: 'https://github.com/',
|
||||||
|
order: 1,
|
||||||
|
tabs: [
|
||||||
|
{
|
||||||
|
name: 'TAB_MESSAGING',
|
||||||
|
order: 0,
|
||||||
|
isOpen: true,
|
||||||
|
},
|
||||||
|
{
|
||||||
|
name: 'TAB_FOCALBOARD',
|
||||||
|
order: 1,
|
||||||
|
isOpen: true,
|
||||||
|
},
|
||||||
|
{
|
||||||
|
name: 'TAB_PLAYBOOKS',
|
||||||
|
order: 2,
|
||||||
|
isOpen: true,
|
||||||
|
},
|
||||||
|
],
|
||||||
|
lastActiveTab: 0,
|
||||||
|
}],
|
||||||
|
helpLink: 'http://link-to-help.site.com',
|
||||||
|
},
|
||||||
|
};
|
||||||
|
|
||||||
|
describe('mac only', () => {
|
||||||
|
let originalPlatform;
|
||||||
|
beforeAll(() => {
|
||||||
|
originalPlatform = process.platform;
|
||||||
|
Object.defineProperty(process, 'platform', {
|
||||||
|
value: 'darwin',
|
||||||
|
});
|
||||||
|
});
|
||||||
|
|
||||||
|
afterAll(() => {
|
||||||
|
Object.defineProperty(process, 'platform', {
|
||||||
|
value: originalPlatform,
|
||||||
|
});
|
||||||
|
});
|
||||||
|
|
||||||
|
it('should have first menu name as AppName', () => {
|
||||||
|
const menu = createTemplate(config);
|
||||||
|
const appNameMenu = menu.find((item) => item.label === '&AppName');
|
||||||
|
expect(appNameMenu).not.toBe(undefined);
|
||||||
|
});
|
||||||
|
|
||||||
|
it('should include About <appname> in menu on mac', () => {
|
||||||
|
const menu = createTemplate(config);
|
||||||
|
const appNameMenu = menu.find((item) => item.label === '&AppName');
|
||||||
|
const menuItem = appNameMenu.submenu.find((item) => item.label === 'About AppName');
|
||||||
|
expect(menuItem).not.toBe(undefined);
|
||||||
|
expect(menuItem.role).toBe('about');
|
||||||
|
});
|
||||||
|
|
||||||
|
it('should contain hide options', () => {
|
||||||
|
const menu = createTemplate(config);
|
||||||
|
const appNameMenu = menu.find((item) => item.label === '&AppName');
|
||||||
|
expect(appNameMenu.submenu).toContainEqual({role: 'hide'});
|
||||||
|
expect(appNameMenu.submenu).toContainEqual({role: 'unhide'});
|
||||||
|
expect(appNameMenu.submenu).toContainEqual({role: 'hideOthers'});
|
||||||
|
});
|
||||||
|
|
||||||
|
it('should contain zoom and front options in Window', () => {
|
||||||
|
const menu = createTemplate(config);
|
||||||
|
const windowMenu = menu.find((item) => item.label === '&Window');
|
||||||
|
expect(windowMenu.role).toBe('windowMenu');
|
||||||
|
expect(windowMenu.submenu).toContainEqual({role: 'zoom'});
|
||||||
|
expect(windowMenu.submenu).toContainEqual({role: 'front'});
|
||||||
|
});
|
||||||
|
});
|
||||||
|
|
||||||
|
it('should show `Sign in to Another Server` if `enableServerManagement` is true', () => {
|
||||||
|
const menu = createTemplate(config);
|
||||||
|
const fileMenu = menu.find((item) => item.label === '&AppName' || item.label === '&File');
|
||||||
|
const signInOption = fileMenu.submenu.find((item) => item.label === 'Sign in to Another Server');
|
||||||
|
expect(signInOption).not.toBe(undefined);
|
||||||
|
});
|
||||||
|
|
||||||
|
it('should not show `Sign in to Another Server` if `enableServerManagement` is false', () => {
|
||||||
|
const modifiedConfig = {
|
||||||
|
...config,
|
||||||
|
enableServerManagement: false,
|
||||||
|
};
|
||||||
|
const menu = createTemplate(modifiedConfig);
|
||||||
|
const fileMenu = menu.find((item) => item.label === '&AppName' || item.label === '&File');
|
||||||
|
const signInOption = fileMenu.submenu.find((item) => item.label === 'Sign in to Another Server');
|
||||||
|
expect(signInOption).not.toBe(undefined);
|
||||||
|
});
|
||||||
|
|
||||||
|
it('should show the first 9 servers (using order) in the Window menu', () => {
|
||||||
|
const modifiedConfig = {
|
||||||
|
data: {
|
||||||
|
...config.data,
|
||||||
|
teams: [...Array(15).keys()].map((key) => ({
|
||||||
|
name: `server-${key}`,
|
||||||
|
url: `http://server-${key}.com`,
|
||||||
|
order: (key + 5) % 15,
|
||||||
|
lastActiveTab: 0,
|
||||||
|
tab: [
|
||||||
|
{
|
||||||
|
name: 'TAB_MESSAGING',
|
||||||
|
isOpen: true,
|
||||||
|
},
|
||||||
|
],
|
||||||
|
})),
|
||||||
|
},
|
||||||
|
};
|
||||||
|
const menu = createTemplate(modifiedConfig);
|
||||||
|
const windowMenu = menu.find((item) => item.label === '&Window');
|
||||||
|
for (let i = 10; i < 15; i++) {
|
||||||
|
const menuItem = windowMenu.submenu.find((item) => item.label === `server-${i}`);
|
||||||
|
expect(menuItem).not.toBe(undefined);
|
||||||
|
}
|
||||||
|
for (let i = 0; i < 4; i++) {
|
||||||
|
const menuItem = windowMenu.submenu.find((item) => item.label === `server-${i}`);
|
||||||
|
expect(menuItem).not.toBe(undefined);
|
||||||
|
}
|
||||||
|
for (let i = 4; i < 10; i++) {
|
||||||
|
const menuItem = windowMenu.submenu.find((item) => item.label === `server-${i}`);
|
||||||
|
expect(menuItem).toBe(undefined);
|
||||||
|
}
|
||||||
|
});
|
||||||
|
|
||||||
|
it('should show the first 9 tabs (using order) in the Window menu', () => {
|
||||||
|
WindowManager.getCurrentTeamName.mockImplementation(() => config.data.teams[0].name);
|
||||||
|
|
||||||
|
const modifiedConfig = {
|
||||||
|
data: {
|
||||||
|
...config.data,
|
||||||
|
teams: [
|
||||||
|
{
|
||||||
|
...config.data.teams[0],
|
||||||
|
tabs: [...Array(15).keys()].map((key) => ({
|
||||||
|
name: `tab-${key}`,
|
||||||
|
isOpen: true,
|
||||||
|
order: (key + 5) % 15,
|
||||||
|
})),
|
||||||
|
},
|
||||||
|
],
|
||||||
|
},
|
||||||
|
};
|
||||||
|
const menu = createTemplate(modifiedConfig);
|
||||||
|
const windowMenu = menu.find((item) => item.label === '&Window');
|
||||||
|
for (let i = 10; i < 15; i++) {
|
||||||
|
const menuItem = windowMenu.submenu.find((item) => item.label === ` tab-${i}`);
|
||||||
|
expect(menuItem).not.toBe(undefined);
|
||||||
|
}
|
||||||
|
for (let i = 0; i < 4; i++) {
|
||||||
|
const menuItem = windowMenu.submenu.find((item) => item.label === ` tab-${i}`);
|
||||||
|
expect(menuItem).not.toBe(undefined);
|
||||||
|
}
|
||||||
|
for (let i = 4; i < 10; i++) {
|
||||||
|
const menuItem = windowMenu.submenu.find((item) => item.label === ` tab-${i}`);
|
||||||
|
expect(menuItem).toBe(undefined);
|
||||||
|
}
|
||||||
|
});
|
||||||
|
});
|
|
@ -9,9 +9,9 @@ import {SHOW_NEW_SERVER_MODAL} from 'common/communication';
|
||||||
import Config from 'common/config';
|
import Config from 'common/config';
|
||||||
import {TabType, getTabDisplayName} from 'common/tabs/TabView';
|
import {TabType, getTabDisplayName} from 'common/tabs/TabView';
|
||||||
|
|
||||||
import * as WindowManager from '../windows/windowManager';
|
import * as WindowManager from 'main/windows/windowManager';
|
||||||
|
|
||||||
function createTemplate(config: Config) {
|
export function createTemplate(config: Config) {
|
||||||
const separatorItem: MenuItemConstructorOptions = {
|
const separatorItem: MenuItemConstructorOptions = {
|
||||||
type: 'separator',
|
type: 'separator',
|
||||||
};
|
};
|
||||||
|
@ -122,7 +122,7 @@ function createTemplate(config: Config) {
|
||||||
},
|
},
|
||||||
}, {
|
}, {
|
||||||
role: 'togglefullscreen',
|
role: 'togglefullscreen',
|
||||||
accelerator: process.platform === 'darwin' ? 'Ctrl+Cmd+F' : 'F11',
|
accelerator: isMac ? 'Ctrl+Cmd+F' : 'F11',
|
||||||
}, separatorItem, {
|
}, separatorItem, {
|
||||||
label: 'Actual Size',
|
label: 'Actual Size',
|
||||||
role: 'resetZoom',
|
role: 'resetZoom',
|
||||||
|
@ -210,7 +210,7 @@ function createTemplate(config: Config) {
|
||||||
] : []), {
|
] : []), {
|
||||||
role: 'close',
|
role: 'close',
|
||||||
accelerator: 'CmdOrCtrl+W',
|
accelerator: 'CmdOrCtrl+W',
|
||||||
}, separatorItem, ...teams.slice(0, 9).sort((teamA, teamB) => teamA.order - teamB.order).map((team, i) => {
|
}, separatorItem, ...teams.sort((teamA, teamB) => teamA.order - teamB.order).slice(0, 9).map((team, i) => {
|
||||||
const items = [];
|
const items = [];
|
||||||
items.push({
|
items.push({
|
||||||
label: team.name,
|
label: team.name,
|
||||||
|
@ -220,7 +220,7 @@ function createTemplate(config: Config) {
|
||||||
},
|
},
|
||||||
});
|
});
|
||||||
if (WindowManager.getCurrentTeamName() === team.name) {
|
if (WindowManager.getCurrentTeamName() === team.name) {
|
||||||
team.tabs.filter((tab) => tab.isOpen).slice(0, 9).sort((teamA, teamB) => teamA.order - teamB.order).forEach((tab, i) => {
|
team.tabs.filter((tab) => tab.isOpen).sort((teamA, teamB) => teamA.order - teamB.order).slice(0, 9).forEach((tab, i) => {
|
||||||
items.push({
|
items.push({
|
||||||
label: ` ${getTabDisplayName(tab.name as TabType)}`,
|
label: ` ${getTabDisplayName(tab.name as TabType)}`,
|
||||||
accelerator: `CmdOrCtrl+${i + 1}`,
|
accelerator: `CmdOrCtrl+${i + 1}`,
|
||||||
|
@ -273,11 +273,7 @@ function createTemplate(config: Config) {
|
||||||
return template;
|
return template;
|
||||||
}
|
}
|
||||||
|
|
||||||
function createMenu(config: Config) {
|
export function createMenu(config: Config) {
|
||||||
// TODO: Electron is enforcing certain variables that it doesn't need
|
// TODO: Electron is enforcing certain variables that it doesn't need
|
||||||
return Menu.buildFromTemplate(createTemplate(config) as Array<MenuItemConstructorOptions | MenuItem>);
|
return Menu.buildFromTemplate(createTemplate(config) as Array<MenuItemConstructorOptions | MenuItem>);
|
||||||
}
|
}
|
||||||
|
|
||||||
export default {
|
|
||||||
createMenu,
|
|
||||||
};
|
|
||||||
|
|
40
src/main/menus/tray.test.js
Normal file
40
src/main/menus/tray.test.js
Normal file
|
@ -0,0 +1,40 @@
|
||||||
|
// Copyright (c) 2016-present Mattermost, Inc. All Rights Reserved.
|
||||||
|
// See LICENSE.txt for license information.
|
||||||
|
|
||||||
|
'use strict';
|
||||||
|
|
||||||
|
import {createTemplate} from './tray';
|
||||||
|
|
||||||
|
jest.mock('main/windows/windowManager', () => ({}));
|
||||||
|
|
||||||
|
describe('main/menus/tray', () => {
|
||||||
|
it('should show the first 9 servers (using order)', () => {
|
||||||
|
const config = {
|
||||||
|
teams: [...Array(15).keys()].map((key) => ({
|
||||||
|
name: `server-${key}`,
|
||||||
|
url: `http://server-${key}.com`,
|
||||||
|
order: (key + 5) % 15,
|
||||||
|
lastActiveTab: 0,
|
||||||
|
tab: [
|
||||||
|
{
|
||||||
|
name: 'TAB_MESSAGING',
|
||||||
|
isOpen: true,
|
||||||
|
},
|
||||||
|
],
|
||||||
|
})),
|
||||||
|
};
|
||||||
|
const menu = createTemplate(config);
|
||||||
|
for (let i = 10; i < 15; i++) {
|
||||||
|
const menuItem = menu.find((item) => item.label === `server-${i}`);
|
||||||
|
expect(menuItem).not.toBe(undefined);
|
||||||
|
}
|
||||||
|
for (let i = 0; i < 4; i++) {
|
||||||
|
const menuItem = menu.find((item) => item.label === `server-${i}`);
|
||||||
|
expect(menuItem).not.toBe(undefined);
|
||||||
|
}
|
||||||
|
for (let i = 4; i < 10; i++) {
|
||||||
|
const menuItem = menu.find((item) => item.label === `server-${i}`);
|
||||||
|
expect(menuItem).toBe(undefined);
|
||||||
|
}
|
||||||
|
});
|
||||||
|
});
|
|
@ -8,10 +8,10 @@ import {CombinedConfig} from 'types/config';
|
||||||
|
|
||||||
import * as WindowManager from '../windows/windowManager';
|
import * as WindowManager from '../windows/windowManager';
|
||||||
|
|
||||||
function createTemplate(config: CombinedConfig) {
|
export function createTemplate(config: CombinedConfig) {
|
||||||
const teams = config.teams;
|
const teams = config.teams;
|
||||||
const template = [
|
const template = [
|
||||||
...teams.slice(0, 9).sort((teamA, teamB) => teamA.order - teamB.order).map((team) => {
|
...teams.sort((teamA, teamB) => teamA.order - teamB.order).slice(0, 9).map((team) => {
|
||||||
return {
|
return {
|
||||||
label: team.name,
|
label: team.name,
|
||||||
click: () => {
|
click: () => {
|
||||||
|
@ -34,11 +34,7 @@ function createTemplate(config: CombinedConfig) {
|
||||||
return template;
|
return template;
|
||||||
}
|
}
|
||||||
|
|
||||||
function createMenu(config: CombinedConfig) {
|
export function createMenu(config: CombinedConfig) {
|
||||||
// TODO: Electron is enforcing certain variables that it doesn't need
|
// TODO: Electron is enforcing certain variables that it doesn't need
|
||||||
return Menu.buildFromTemplate(createTemplate(config) as Array<MenuItemConstructorOptions | MenuItem>);
|
return Menu.buildFromTemplate(createTemplate(config) as Array<MenuItemConstructorOptions | MenuItem>);
|
||||||
}
|
}
|
||||||
|
|
||||||
export default {
|
|
||||||
createMenu,
|
|
||||||
};
|
|
||||||
|
|
Loading…
Reference in a new issue