You can not select more than 25 topics
Topics must start with a letter or number, can include dashes ('-') and can be up to 35 characters long.
202 lines
7.9 KiB
202 lines
7.9 KiB
import { addToRepl, assert, driver} from 'mocha-webdriver';
|
|
import * as gu from 'test/nbrowser/gristUtils';
|
|
import {server, setupTestSuite} from 'test/nbrowser/testUtils';
|
|
|
|
describe('RightPanelSelectBy', function() {
|
|
this.timeout(20000);
|
|
setupTestSuite();
|
|
addToRepl('gu2', gu);
|
|
|
|
async function setup() {
|
|
await server.simulateLogin("Chimpy", "chimpy@getgrist.com", 'nasa');
|
|
const doc = await gu.importFixturesDoc('chimpy', 'nasa', 'Horizon', 'Favorite_Films_With_Linked_Ref.grist', false);
|
|
await driver.get(`${server.getHost()}/o/nasa/doc/${doc.id}`);
|
|
await gu.waitForDocToLoad();
|
|
|
|
await gu.toggleSidePanel('right', 'open');
|
|
await driver.find('.test-config-data').click();
|
|
}
|
|
|
|
it('should allow linking section with same table', async function() {
|
|
await setup();
|
|
|
|
// open page `All`
|
|
await driver.findContentWait('.test-treeview-itemHeader', /All/, 2000).click();
|
|
await gu.waitForDocToLoad();
|
|
|
|
await openSelectByForSection('PERFORMANCES DETAIL');
|
|
|
|
// the dollar in /...record$/ makes sure we match against the table main node and not a ref
|
|
// columns such as '...record.Film'
|
|
assert.equal(await driver.findContent('.test-select-row', /Performances record$/).isPresent(), true);
|
|
});
|
|
|
|
it('should not allow linking same section', async function() {
|
|
assert.equal(await driver.findContent('.test-select-row', /Performances detail/i).isPresent(), false);
|
|
});
|
|
|
|
it('should allow linking to/from a ref column', async function() {
|
|
// Performance record.Film links both from a ref column and to a ref column
|
|
assert.equal(await driver.findContent('.test-select-row', /Performances record.*Film/i).isPresent(), true);
|
|
});
|
|
|
|
it('should successfully link on select', async function() {
|
|
// select a link
|
|
await driver.findContent('.test-select-row', /Performances record$/).click();
|
|
await gu.waitForServer();
|
|
|
|
// Check that selections in 1st section are mirrored by the 2nd section.
|
|
await gu.getSection('PERFORMANCES RECORD').click();
|
|
await gu.getCell(0, 3).click();
|
|
assert.equal(await driver.find('.g_record_detail_value').getText(), 'Don Rickles');
|
|
});
|
|
|
|
it('should allow to remove link', async function() {
|
|
await openSelectByForSection('PERFORMANCES DETAIL');
|
|
await driver.findContent('.test-select-row', /Select Widget/).click();
|
|
await gu.waitForServer();
|
|
|
|
// Check that selections in 1st section are NOT mirrored by the 2nd section.
|
|
await gu.getSection('PERFORMANCES RECORD').click();
|
|
await gu.getCell(0, 1).click();
|
|
assert.equal(await driver.find('.g_record_detail_value').getText(), 'Don Rickles');
|
|
|
|
// undo, link is expected to be set for next test
|
|
await gu.undo();
|
|
});
|
|
|
|
|
|
it('should disallow creating cycles', async function() {
|
|
await openSelectByForSection('PERFORMANCES RECORD');
|
|
assert.equal(await driver.findContent('.test-select-row', /Performances detail/).isPresent(), false);
|
|
});
|
|
|
|
|
|
it('should not allow selecting from a chart or custom sections', async function() {
|
|
// open the 'Films' page
|
|
await driver.findContent('.test-treeview-itemHeader', /Films/).click();
|
|
await gu.waitForDocToLoad();
|
|
|
|
// Adds a chart widget
|
|
await gu.addNewSection(/Chart/, /Films/);
|
|
|
|
// open `SELECT BY`
|
|
await openSelectByForSection('FILMS');
|
|
|
|
// check that there is a chart and we cannot link from it
|
|
assert.equal(await gu.getSection('FILMS CHART').isPresent(), true);
|
|
assert.equal(await driver.findContent('.test-select-row', /Films chart/).isPresent(), false);
|
|
|
|
// undo
|
|
await gu.undo();
|
|
});
|
|
|
|
it('should update filter-linking tied to reference when value changes', async function() {
|
|
// Add a filter-linked section (of Performances) tied to a Ref column (FRIENDS.Favorite_Film).
|
|
await gu.getPageItem('Friends').click();
|
|
await gu.waitForServer();
|
|
await gu.addNewSection(/Table/, /Performances/);
|
|
await openSelectByForSection('Performances');
|
|
assert.equal(await driver.findContent('.test-select-row', /FRIENDS.*Favorite Film/).isPresent(), true);
|
|
await driver.findContent('.test-select-row', /FRIENDS.*Favorite Film/).click();
|
|
await gu.waitForServer();
|
|
|
|
// Select a row in FRIENDS.
|
|
const cell = await gu.getCell({section: 'Friends', col: 'Favorite Film', rowNum: 6});
|
|
assert.equal(await cell.getText(), 'Alien');
|
|
await cell.click();
|
|
|
|
// Check that the linked table reflects the selected row.
|
|
assert.deepEqual(await gu.getVisibleGridCells(
|
|
{section: 'Performances', cols: ['Actor', 'Film'], rowNums: [1, 2]}), [
|
|
'Sigourney Weaver', 'Alien',
|
|
'', '',
|
|
]);
|
|
|
|
// Change a value in FRIENDS.Favorite_Film column.
|
|
await gu.sendKeys('Toy');
|
|
await driver.findContent('.test-ref-editor-item', /Toy Story/).click();
|
|
await gu.waitForServer();
|
|
|
|
// Check that the linked table of Performances got updated.
|
|
assert.deepEqual(await gu.getVisibleGridCells(
|
|
{section: 'Performances', cols: ['Actor', 'Film'], rowNums: [1, 2, 3, 4]}), [
|
|
'Tom Hanks', 'Toy Story',
|
|
'Tim Allen', 'Toy Story',
|
|
'Don Rickles', 'Toy Story',
|
|
'', ''
|
|
]);
|
|
|
|
await gu.undo(2);
|
|
});
|
|
|
|
it('should update cursor-linking tied to reference when value changes', async function() {
|
|
// Add a cursor-linked card widget (of Films) tied to a Ref column (FRIENDS.Favorite_Film).
|
|
await gu.getPageItem('Friends').click();
|
|
await gu.waitForServer();
|
|
await gu.addNewSection(/Card/, /Films/);
|
|
await openSelectByForSection('Films Card');
|
|
assert.equal(await driver.findContent('.test-select-row', /FRIENDS.*Favorite Film/).isPresent(), true);
|
|
await driver.findContent('.test-select-row', /FRIENDS.*Favorite Film/).click();
|
|
await gu.waitForServer();
|
|
|
|
// Select a row in FRIENDS.
|
|
const cell = await gu.getCell({section: 'Friends', col: 'Favorite Film', rowNum: 6});
|
|
assert.equal(await cell.getText(), 'Alien');
|
|
await cell.click();
|
|
|
|
// Check that the linked card reflects the selected row.
|
|
assert.equal(await driver.find('.g_record_detail_value').getText(), 'Alien');
|
|
assert.equal(await driver.findContent('.g_record_detail_value', /19/).getText(), 'May 25th, 1979');
|
|
|
|
// Change the value in FRIENDS.Favorite_Film column.
|
|
await gu.sendKeys('Toy');
|
|
await driver.findContent('.test-ref-editor-item', /Toy Story/).click();
|
|
await gu.waitForServer();
|
|
|
|
// Check that the linked card of Films got updated.
|
|
assert.equal(await driver.find('.g_record_detail_value').getText(), 'Toy Story');
|
|
assert.equal(await driver.findContent('.g_record_detail_value', /19/).getText(), 'November 22nd, 1995');
|
|
|
|
// Select the 'new' row in FRIENDS.
|
|
const newCell = await gu.getCell({section: 'Friends', col: 'Favorite Film', rowNum: 7});
|
|
assert.equal(await newCell.getText(), '');
|
|
await newCell.click();
|
|
|
|
// Card should have also moved to the 'new' record
|
|
const cardFields = await driver.findAll('.g_record_detail_value');
|
|
for (const cardField of cardFields) {
|
|
assert.equal(await cardField.getText(), '');
|
|
}
|
|
|
|
await gu.undo(2);
|
|
});
|
|
|
|
|
|
it('should have linked card for friends', async () => {
|
|
// Open the All page.
|
|
await driver.findContentWait('.test-treeview-itemHeader', /Linked Friends/, 2000).click();
|
|
await gu.waitForDocToLoad();
|
|
|
|
await driver.findContentWait('.field_clip', /Mary/, 2000).click();
|
|
await gu.waitForServer();
|
|
await driver.findContentWait('.g_record_detail_label', /Title/, 2000).click();
|
|
assert.equal(await gu.getActiveCell().getText(), 'Alien');
|
|
|
|
await driver.findContentWait('.field_clip', /Jarek/, 2000).click();
|
|
await gu.waitForServer();
|
|
await driver.findContentWait('.g_record_detail_label', /Title/, 2000).click();
|
|
assert.equal(await gu.getActiveCell().getText(), '');
|
|
});
|
|
|
|
xit('should list options following the order of the section in the view layout', async function() {
|
|
// TODO
|
|
});
|
|
|
|
});
|
|
|
|
export async function openSelectByForSection(section: string) {
|
|
await gu.getSection(section).click();
|
|
await driver.find('.test-right-select-by').click();
|
|
}
|