mirror of
https://github.com/gristlabs/grist-core.git
synced 2024-10-27 20:44:07 +00:00
e52e15591d
Summary: Adds a new category of popups that are shown dynamically when certain parts of the UI are first rendered, and a free coaching call popup that's shown to users on their site home page. Test Plan: Browser tests. Reviewers: jarek Reviewed By: jarek Differential Revision: https://phab.getgrist.com/D3706
138 lines
4.9 KiB
TypeScript
138 lines
4.9 KiB
TypeScript
import {assert, driver, Key} from 'mocha-webdriver';
|
|
import * as gu from 'test/nbrowser/gristUtils';
|
|
import {setupTestSuite} from 'test/nbrowser/testUtils';
|
|
|
|
describe('BehavioralPrompts', function() {
|
|
this.timeout(20000);
|
|
const cleanup = setupTestSuite();
|
|
|
|
let session: gu.Session;
|
|
let docId: string;
|
|
|
|
before(async () => {
|
|
session = await gu.session().user('user1').login({showTips: true});
|
|
docId = await session.tempNewDoc(cleanup, 'BehavioralPrompts');
|
|
});
|
|
|
|
afterEach(() => gu.checkForErrors());
|
|
|
|
it('should be shown when the column type select menu is opened', async function() {
|
|
await assertPromptTitle(null);
|
|
await gu.toggleSidePanel('right', 'open');
|
|
await driver.find('.test-right-tab-field').click();
|
|
await driver.find('.test-fbuilder-type-select').click();
|
|
await assertPromptTitle('Reference Columns');
|
|
});
|
|
|
|
it('should be temporarily dismissed on click-away', async function() {
|
|
await gu.getCell({col: 'A', rowNum: 1}).click();
|
|
await assertPromptTitle(null);
|
|
});
|
|
|
|
it('should be shown again the next time the menu is opened', async function() {
|
|
await driver.find('.test-fbuilder-type-select').click();
|
|
await assertPromptTitle('Reference Columns');
|
|
});
|
|
|
|
it('should be permanently dismissed when "Got it" is clicked', async function() {
|
|
await gu.dismissBehavioralPrompts();
|
|
await assertPromptTitle(null);
|
|
|
|
// Refresh the page and make sure the prompt isn't shown again.
|
|
await session.loadDoc(`/doc/${docId}`);
|
|
await driver.find('.test-fbuilder-type-select').click();
|
|
await assertPromptTitle(null);
|
|
await gu.sendKeys(Key.ESCAPE);
|
|
});
|
|
|
|
it('should be shown after selecting a reference column type', async function() {
|
|
await gu.setType(/Reference$/);
|
|
await assertPromptTitle('Reference Columns');
|
|
await gu.undo();
|
|
});
|
|
|
|
it('should be shown after selecting a reference list column type', async function() {
|
|
await gu.setType(/Reference List$/);
|
|
await assertPromptTitle('Reference Columns');
|
|
});
|
|
|
|
it('should be shown when opening the Raw Data page', async function() {
|
|
await driver.find('.test-tools-raw').click();
|
|
await assertPromptTitle('Raw Data page');
|
|
});
|
|
|
|
it('should be shown when opening the Access Rules page', async function() {
|
|
await driver.find('.test-tools-access-rules').click();
|
|
await assertPromptTitle('Access Rules');
|
|
});
|
|
|
|
it('should be shown when opening the filter menu', async function() {
|
|
await gu.openPage('Table1');
|
|
await gu.openColumnMenu('A', 'Filter');
|
|
await assertPromptTitle('Filter Buttons');
|
|
});
|
|
|
|
it('should be shown when adding a second pinned filter', async function() {
|
|
await driver.find('.test-filter-menu-apply-btn').click();
|
|
await assertPromptTitle(null);
|
|
await gu.openColumnMenu('B', 'Filter');
|
|
await driver.find('.test-filter-menu-apply-btn').click();
|
|
await assertPromptTitle('Nested Filtering');
|
|
});
|
|
|
|
it('should be shown when opening the page widget picker', async function() {
|
|
await gu.openAddWidgetToPage();
|
|
await assertPromptTitle('Selecting Data');
|
|
await gu.dismissBehavioralPrompts();
|
|
});
|
|
|
|
it('should be shown when select by is an available option', async function() {
|
|
await driver.findContent('.test-wselect-table', /Table1/).click();
|
|
await assertPromptTitle('Linking Widgets');
|
|
await gu.dismissBehavioralPrompts();
|
|
});
|
|
|
|
it('should be shown when adding a card widget', async function() {
|
|
await gu.selectWidget('Card', /Table1/);
|
|
await assertPromptTitle('Editing Card Layout');
|
|
});
|
|
|
|
it('should not be shown when adding a non-card widget', async function() {
|
|
await gu.addNewPage('Table', /Table1/);
|
|
await assertPromptTitle(null);
|
|
});
|
|
|
|
it('should be shown when adding a card list widget', async function() {
|
|
await gu.addNewPage('Card List', /Table1/);
|
|
await assertPromptTitle('Editing Card Layout');
|
|
});
|
|
|
|
it(`should stop showing tips if "Don't show tips" is checked`, async function() {
|
|
// Log in as a new user who hasn't seen any tips yet.
|
|
session = await gu.session().user('user2').login({showTips: true});
|
|
docId = await session.tempNewDoc(cleanup, 'BehavioralPromptsDontShowTips');
|
|
await gu.loadDoc(`/doc/${docId}`);
|
|
|
|
// Check "Don't show tips" in the Reference Columns tip and dismiss it.
|
|
await gu.setType(/Reference$/);
|
|
await driver.findWait('.test-behavioral-prompt-dont-show-tips', 1000).click();
|
|
await gu.dismissBehavioralPrompts();
|
|
|
|
// Now visit Raw Data and check that its tip isn't shown.
|
|
await driver.find('.test-tools-raw').click();
|
|
await assertPromptTitle(null);
|
|
});
|
|
});
|
|
|
|
async function assertPromptTitle(title: string | null) {
|
|
if (title === null) {
|
|
await gu.waitToPass(async () => {
|
|
assert.equal(await driver.find('.test-behavioral-prompt').isPresent(), false);
|
|
});
|
|
} else {
|
|
await gu.waitToPass(async () => {
|
|
assert.equal(await driver.find('.test-behavioral-prompt-title').getText(), title);
|
|
});
|
|
}
|
|
}
|