mirror of
https://github.com/ckaczor/azuredatastudio.git
synced 2026-01-17 09:35:37 -05:00
3cb2f552a6
* Merge from vscode a348d103d1256a06a2c9b3f9b406298a9fef6898 * Fixes and cleanup * Distro * Fix hygiene yarn * delete no yarn lock changes file * Fix hygiene * Fix layer check * Fix CI * Skip lib checks * Remove tests deleted in vs code * Fix tests * Distro * Fix tests and add removed extension point * Skip failing notebook tests for now * Disable broken tests and cleanup build folder * Update yarn.lock and fix smoke tests * Bump sqlite * fix contributed actions and file spacing * Fix user data path * Update yarn.locks Co-authored-by: ADS Merger <karlb@microsoft.com>
157 lines
7.2 KiB
TypeScript
157 lines
7.2 KiB
TypeScript
/*---------------------------------------------------------------------------------------------
|
|
* Copyright (c) Microsoft Corporation. All rights reserved.
|
|
* Licensed under the Source EULA. See License.txt in the project root for license information.
|
|
*--------------------------------------------------------------------------------------------*/
|
|
|
|
import * as assert from 'assert';
|
|
import { OverflowActionBar } from 'sql/base/browser/ui/taskbar/overflowActionbar';
|
|
import { Action } from 'vs/base/common/actions';
|
|
import { Taskbar } from 'sql/base/browser/ui/taskbar/taskbar';
|
|
import { IActionViewItem } from 'vs/base/browser/ui/actionbar/actionbar';
|
|
|
|
|
|
suite('Overflow Actionbar tests', () => {
|
|
let overflowActionbar: OverflowActionBar;
|
|
|
|
setup(() => {
|
|
overflowActionbar = new OverflowActionBar(document.createElement('div'));
|
|
});
|
|
|
|
test('Verify moving actions from toolbar to overflow', () => {
|
|
assert.strictEqual(overflowActionbar.actionsList.children.length, 0);
|
|
assert.strictEqual(overflowActionbar.items.length, 0);
|
|
assert.strictEqual(overflowActionbar.overflow.childElementCount, 0);
|
|
|
|
let a1 = new Action('a1');
|
|
let a2 = new Action('a1');
|
|
let a3 = new Action('a3');
|
|
overflowActionbar.pushAction([a1, a2, a3]);
|
|
|
|
assert.strictEqual(overflowActionbar.overflow.childElementCount, 0);
|
|
|
|
// more item element '...' is added when actions are moved to the overflow
|
|
// and a placeholder undefined element is added to the items array for calculating focus
|
|
overflowActionbar.createMoreItemElement();
|
|
assert.strictEqual(overflowActionbar.actionsList.children.length, 4);
|
|
assert.strictEqual(overflowActionbar.items.length, 4);
|
|
assert.strictEqual(overflowActionbar.overflow.childElementCount, 0);
|
|
|
|
// move a3 to overflow
|
|
overflowActionbar.collapseItem();
|
|
assert.strictEqual(overflowActionbar.actionsList.children.length, 3);
|
|
assert.strictEqual(overflowActionbar.items.length, 4);
|
|
assert.strictEqual(getMoreItemPlaceholderIndex(overflowActionbar.items), 2);
|
|
verifyOverflowFocusedIndex(overflowActionbar, 3);
|
|
|
|
// move a2 to overflow
|
|
overflowActionbar.collapseItem();
|
|
assert.strictEqual(overflowActionbar.actionsList.children.length, 2);
|
|
assert.strictEqual(overflowActionbar.items.length, 4);
|
|
assert.strictEqual(getMoreItemPlaceholderIndex(overflowActionbar.items), 1);
|
|
assert.strictEqual(overflowActionbar.overflow.childElementCount, 2);
|
|
verifyOverflowFocusedIndex(overflowActionbar, 2);
|
|
|
|
// move a2 to back to toolbar
|
|
overflowActionbar.restoreItem();
|
|
assert.strictEqual(overflowActionbar.actionsList.children.length, 3);
|
|
assert.strictEqual(overflowActionbar.items.length, 4);
|
|
assert.strictEqual(getMoreItemPlaceholderIndex(overflowActionbar.items), 2);
|
|
assert.strictEqual(overflowActionbar.overflow.childElementCount, 1);
|
|
verifyOverflowFocusedIndex(overflowActionbar, 3);
|
|
|
|
// move a3 to back to toolbar
|
|
overflowActionbar.restoreItem();
|
|
assert.strictEqual(overflowActionbar.actionsList.children.length, 4);
|
|
assert.strictEqual(overflowActionbar.items.length, 4);
|
|
assert.strictEqual(getMoreItemPlaceholderIndex(overflowActionbar.items), 3);
|
|
assert.strictEqual(overflowActionbar.overflow.childElementCount, 0);
|
|
});
|
|
|
|
test('Verify moving actions and separators from toolbar to overflow', () => {
|
|
assert.strictEqual(overflowActionbar.actionsList.children.length, 0);
|
|
assert.strictEqual(overflowActionbar.items.length, 0);
|
|
assert.strictEqual(overflowActionbar.overflow.childElementCount, 0);
|
|
|
|
let a1 = new Action('a1');
|
|
let a2 = new Action('a1');
|
|
let separator: HTMLElement = Taskbar.createTaskbarSeparator();
|
|
let a3 = new Action('a3');
|
|
overflowActionbar.pushAction([a1, a2]);
|
|
overflowActionbar.pushElement(separator);
|
|
overflowActionbar.pushAction([a3]);
|
|
|
|
assert.strictEqual(overflowActionbar.actionsList.children.length, 4);
|
|
assert.strictEqual(overflowActionbar.items.length, 3); // items only has focusable elements
|
|
assert.strictEqual(overflowActionbar.overflow.childElementCount, 0);
|
|
|
|
// more item element '...' is added when actions are moved to the overflow
|
|
// and a placeholder undefined element is added to the items array for calculating focus
|
|
overflowActionbar.createMoreItemElement();
|
|
assert.strictEqual(overflowActionbar.actionsList.children.length, 5);
|
|
assert.strictEqual(overflowActionbar.items.length, 4);
|
|
assert.strictEqual(overflowActionbar.overflow.childElementCount, 0);
|
|
|
|
// move a3 to overflow
|
|
overflowActionbar.collapseItem();
|
|
assert(overflowActionbar.actionsList.children.length === 4);
|
|
assert(overflowActionbar.items.length === 4);
|
|
assert.strictEqual(getMoreItemPlaceholderIndex(overflowActionbar.items), 2);
|
|
assert(overflowActionbar.overflow.childElementCount === 1);
|
|
verifyOverflowFocusedIndex(overflowActionbar, 3);
|
|
|
|
// move separator to overflow
|
|
overflowActionbar.collapseItem();
|
|
assert.strictEqual(overflowActionbar.actionsList.children.length, 3);
|
|
assert.strictEqual(overflowActionbar.items.length, 4);
|
|
assert.strictEqual(getMoreItemPlaceholderIndex(overflowActionbar.items), 2);
|
|
assert.strictEqual(overflowActionbar.overflow.childElementCount, 2);
|
|
verifyOverflowFocusedIndex(overflowActionbar, 3);
|
|
|
|
// move a2 to overflow
|
|
overflowActionbar.collapseItem();
|
|
assert.strictEqual(overflowActionbar.actionsList.children.length, 2);
|
|
assert.strictEqual(overflowActionbar.items.length, 4);
|
|
assert.strictEqual(getMoreItemPlaceholderIndex(overflowActionbar.items), 1);
|
|
assert.strictEqual(overflowActionbar.overflow.childElementCount, 3);
|
|
verifyOverflowFocusedIndex(overflowActionbar, 2);
|
|
|
|
// move a2 to back to toolbar
|
|
overflowActionbar.restoreItem();
|
|
assert.strictEqual(overflowActionbar.actionsList.children.length, 3);
|
|
assert.strictEqual(overflowActionbar.items.length, 4);
|
|
assert.strictEqual(getMoreItemPlaceholderIndex(overflowActionbar.items), 2);
|
|
assert.strictEqual(overflowActionbar.overflow.childElementCount, 2);
|
|
verifyOverflowFocusedIndex(overflowActionbar, 3);
|
|
|
|
// move separator to back to toolbar
|
|
overflowActionbar.restoreItem();
|
|
assert.strictEqual(overflowActionbar.actionsList.children.length, 4);
|
|
assert.strictEqual(overflowActionbar.items.length, 4);
|
|
assert.strictEqual(getMoreItemPlaceholderIndex(overflowActionbar.items), 2);
|
|
assert.strictEqual(overflowActionbar.overflow.childElementCount, 1);
|
|
verifyOverflowFocusedIndex(overflowActionbar, 3);
|
|
|
|
// move a3 to back to toolbar
|
|
overflowActionbar.restoreItem();
|
|
assert.strictEqual(overflowActionbar.actionsList.children.length, 5);
|
|
assert.strictEqual(overflowActionbar.items.length, 4);
|
|
assert.strictEqual(getMoreItemPlaceholderIndex(overflowActionbar.items), 3);
|
|
assert.strictEqual(overflowActionbar.overflow.childElementCount, 0);
|
|
});
|
|
});
|
|
|
|
function verifyOverflowFocusedIndex(overflowToolbar: OverflowActionBar, expectedIndex: number) {
|
|
// click more item element to show overflow and set focus to first element
|
|
overflowToolbar.moreElementOnClick(new MouseEvent('click'));
|
|
assert.strictEqual(overflowToolbar.focusedItem, expectedIndex);
|
|
// click to hide overflow
|
|
overflowToolbar.moreElementOnClick(new MouseEvent('click'));
|
|
}
|
|
|
|
/**
|
|
* Gets index of placeholder for more item element '...'. This undefined element is needed for calculating which item should be focused when the overflow menu is opened
|
|
*/
|
|
function getMoreItemPlaceholderIndex(items: IActionViewItem[]): number {
|
|
return items.findIndex(i => i === undefined);
|
|
}
|