mirror of
https://github.com/gristlabs/grist-core.git
synced 2024-10-27 20:44:07 +00:00
(core) Move CellColor tests to grist-core
Test Plan: N/A Reviewers: paulfitz Reviewed By: paulfitz Differential Revision: https://phab.getgrist.com/D3964
This commit is contained in:
George Gevoian
parent
beffd02c41
commit
788a6d01ce
521
test/nbrowser/CellColor.ts
Normal file
521
test/nbrowser/CellColor.ts
Normal file
@ -0,0 +1,521 @@
|
||||
import { assert, driver, Key, WebElement } from 'mocha-webdriver';
|
||||
import * as gu from 'test/nbrowser/gristUtils';
|
||||
import { setupTestSuite } from 'test/nbrowser/testUtils';
|
||||
|
||||
|
||||
describe('CellColor', function() {
|
||||
this.timeout(20000);
|
||||
const cleanup = setupTestSuite();
|
||||
let doc: string;
|
||||
|
||||
before(async () => {
|
||||
// Create a new document
|
||||
const mainSession = await gu.session().login();
|
||||
doc = await mainSession.tempNewDoc(cleanup, 'CellColor');
|
||||
// add records
|
||||
await gu.enterCell('a');
|
||||
await gu.enterCell('b');
|
||||
await gu.enterCell('c');
|
||||
await gu.toggleSidePanel('right', 'open');
|
||||
await driver.find('.test-right-tab-field').click();
|
||||
});
|
||||
|
||||
it('should save by clicking away', async function() {
|
||||
await gu.getCell('A', 1).click();
|
||||
// open color picker
|
||||
await gu.openColorPicker();
|
||||
await gu.setFillColor('red');
|
||||
await gu.setTextColor('blue');
|
||||
// Save by clicking B column
|
||||
await gu.getCell('B', 1).click();
|
||||
await gu.waitForServer();
|
||||
// Make sure the color is saved.
|
||||
await gu.assertCellFillColor('A', 1, 'red');
|
||||
await gu.assertCellTextColor('A', 1, 'blue');
|
||||
await gu.assertCellFillColor('B', 1, 'transparent');
|
||||
await gu.assertCellTextColor('B', 1, 'black');
|
||||
// Make sure it sticks after reload.
|
||||
await driver.navigate().refresh();
|
||||
await gu.waitForDocToLoad();
|
||||
await gu.assertCellFillColor('A', 1, 'red');
|
||||
await gu.assertCellTextColor('A', 1, 'blue');
|
||||
await gu.assertCellFillColor('B', 1, 'transparent');
|
||||
await gu.assertCellTextColor('B', 1, 'black');
|
||||
});
|
||||
|
||||
it('should undo and redo colors when clicked away', async function() {
|
||||
await gu.getCell('A', 1).click();
|
||||
// open color picker
|
||||
await gu.openColorPicker();
|
||||
await gu.setFillColor('red');
|
||||
await gu.setTextColor('blue');
|
||||
// Save by clicking B column
|
||||
await gu.getCell('B', 1).click();
|
||||
await gu.waitForServer();
|
||||
// Make sure the color is saved.
|
||||
await gu.assertCellFillColor('A', 1, 'red');
|
||||
await gu.assertCellTextColor('A', 1, 'blue');
|
||||
await gu.assertCellFillColor('B', 1, 'transparent');
|
||||
await gu.assertCellTextColor('B', 1, 'black');
|
||||
// Make sure then undoing works.
|
||||
await gu.undo();
|
||||
await gu.assertCellFillColor('A', 1, 'transparent');
|
||||
await gu.assertCellTextColor('A', 1, 'black');
|
||||
await gu.assertCellFillColor('B', 1, 'transparent');
|
||||
await gu.assertCellTextColor('B', 1, 'black');
|
||||
await gu.redo();
|
||||
await gu.assertCellFillColor('A', 1, 'red');
|
||||
await gu.assertCellTextColor('A', 1, 'blue');
|
||||
await gu.assertCellFillColor('B', 1, 'transparent');
|
||||
await gu.assertCellTextColor('B', 1, 'black');
|
||||
});
|
||||
|
||||
|
||||
it('should work correctly on Grid view', async function() {
|
||||
let clip: WebElement;
|
||||
let cell = gu.getCell('A', 1);
|
||||
clip = cell.find('.field_clip');
|
||||
|
||||
await cell.click();
|
||||
// open color picker
|
||||
await driver.find('.test-color-select').click();
|
||||
|
||||
// set cell colors
|
||||
await gu.setColor(driver.find('.test-text-input'), 'rgb(0, 255, 0)');
|
||||
await gu.setColor(driver.find('.test-fill-input'), 'rgb(0, 0, 255)');
|
||||
|
||||
// press enter to close color picker
|
||||
await driver.sendKeys(Key.ENTER);
|
||||
|
||||
// check cell colors
|
||||
|
||||
// first for the field_clip.
|
||||
assert.equal(await clip.getCssValue('color'), 'rgba(0, 255, 0, 1)');
|
||||
// now for the whole cell.
|
||||
assert.equal(await clip.getCssValue('background-color'), 'rgba(0, 0, 255, 1)');
|
||||
assert.equal(await cell.getCssValue('background-color'), 'rgba(0, 0, 255, 1)');
|
||||
|
||||
// Check background color for the add new row.
|
||||
cell = gu.getCell('A', 4);
|
||||
clip = cell.find('.field_clip');
|
||||
assert.equal(await cell.getCssValue('background-color'), 'rgba(0, 0, 0, 0)');
|
||||
assert.equal(await clip.getCssValue('background-color'), 'rgba(0, 0, 0, 0)');
|
||||
assert.equal(await clip.findClosest('.record').getCssValue('background-color'), 'rgba(246, 246, 255, 1)');
|
||||
});
|
||||
|
||||
it('should work correctly in Detail view', async function() {
|
||||
// Add a card list widget of Table1
|
||||
await gu.addNewSection(/Card List/, /Table1/);
|
||||
|
||||
// check cell colors
|
||||
let cell: WebElement;
|
||||
cell = gu.getDetailCell('A', 1).find('.field_clip');
|
||||
assert.equal(await cell.getCssValue('color'), 'rgba(0, 255, 0, 1)');
|
||||
assert.equal(await cell.getCssValue('background-color'), 'rgba(0, 0, 255, 1)');
|
||||
|
||||
// check colors of the add new row
|
||||
cell = gu.getDetailCell('A', 4).find('.field_clip');
|
||||
assert.equal(await cell.getCssValue('background-color'), 'rgba(246, 246, 255, 1)');
|
||||
});
|
||||
|
||||
it('should work correctly on Grid view in comparison mode', async function() {
|
||||
|
||||
// First let's add an Hyperlink column
|
||||
await gu.getSection('TABLE1').click();
|
||||
let cell = await gu.getCell('B', 1).doClick();
|
||||
await gu.enterCell('foo');
|
||||
await driver.findContent('.test-select-button', /HyperLink/).click();
|
||||
await gu.waitForServer();
|
||||
|
||||
// check default color of hyperlink
|
||||
cell = await gu.getCell('B', 1).find('.field_clip');
|
||||
const ligthGreen = gu.hexToRgb('#16B378');
|
||||
assert.equal(await cell.getCssValue('color'), ligthGreen);
|
||||
assert.equal(await cell.find('.test-tb-link-icon').getCssValue('background-color'), ligthGreen);
|
||||
assert.equal(await cell.getCssValue('background-color'), 'rgba(0, 0, 0, 0)');
|
||||
|
||||
// Make a fork of the document with a change
|
||||
const mainSession = await gu.session().login();
|
||||
await mainSession.loadDoc(`/doc/${doc}/m/fork`);
|
||||
|
||||
// Change active section
|
||||
await gu.getSection('TABLE1').click();
|
||||
|
||||
// Add new record
|
||||
await gu.getCell('A', 1).click();
|
||||
await gu.enterCell('e');
|
||||
await gu.getCell('A', 4).click();
|
||||
await gu.enterCell('f', Key.TAB);
|
||||
await gu.enterCell('foo');
|
||||
|
||||
// get the forkid
|
||||
const forkId = await gu.getCurrentUrlId();
|
||||
|
||||
// Compare with the original
|
||||
await mainSession.loadDoc(`/doc/${doc}?compare=${forkId}`);
|
||||
|
||||
// check that colors for diffing cells are ok
|
||||
cell = gu.getCell('A', 1).find('.field_clip');
|
||||
assert.equal(await cell.getCssValue('color'), 'rgba(0, 0, 0, 1)');
|
||||
assert.equal(await cell.getCssValue('background-color'), 'rgba(0, 0, 0, 0)');
|
||||
|
||||
// check colors for a normal row
|
||||
cell = gu.getCell('A', 2).find('.field_clip');
|
||||
assert.equal(await cell.getCssValue('color'), 'rgba(0, 255, 0, 1)');
|
||||
assert.equal(await cell.getCssValue('background-color'), 'rgba(0, 0, 255, 1)');
|
||||
|
||||
// check colors of the added records is ok
|
||||
cell = gu.getCell('A', 4).find('.field_clip');
|
||||
assert.equal(await cell.getCssValue('color'), 'rgba(0, 0, 0, 1)');
|
||||
assert.equal(await cell.getCssValue('background-color'), 'rgba(175, 255, 175, 1)');
|
||||
assert.equal(await cell.findClosest('.record').getCssValue('background-color'), 'rgba(175, 255, 175, 1)');
|
||||
|
||||
// check colors of the hyperlink
|
||||
cell = gu.getCell('B', 4).find('.field_clip');
|
||||
assert.equal(await cell.getCssValue('color'), 'rgba(0, 0, 0, 1)');
|
||||
assert.equal(await cell.find('.test-tb-link-icon').getCssValue('background-color'), 'rgba(0, 0, 0, 1)');
|
||||
|
||||
// check colors of the add new row
|
||||
cell = gu.getCell('A', 5).find('.field_clip');
|
||||
assert.equal(await cell.getCssValue('background-color'), 'rgba(0, 0, 0, 0)');
|
||||
assert.equal(await cell.findClosest('.record').getCssValue('background-color'), 'rgba(246, 246, 255, 1)');
|
||||
|
||||
});
|
||||
|
||||
it('should work correctly on Detail view in comparison mode', async function() {
|
||||
|
||||
// Change active section
|
||||
await gu.getSection('TABLE1 Card List').click();
|
||||
|
||||
let cell: WebElement;
|
||||
// check color of diffing cell is are ok
|
||||
cell = gu.getDetailCell('A', 1).find('.field_clip');
|
||||
assert.equal(await cell.getCssValue('color'), 'rgba(0, 0, 0, 1)');
|
||||
assert.equal(await cell.getCssValue('background-color'), 'rgba(0, 0, 0, 0)');
|
||||
|
||||
// check colors of normal row is set
|
||||
cell = gu.getDetailCell('A', 2).find('.field_clip');
|
||||
assert.equal(await cell.getCssValue('color'), 'rgba(0, 255, 0, 1)');
|
||||
assert.equal(await cell.getCssValue('background-color'), 'rgba(0, 0, 255, 1)');
|
||||
|
||||
// check colors of the added records is ok
|
||||
cell = gu.getDetailCell('A', 4).find('.field_clip');
|
||||
assert.equal(await cell.getCssValue('color'), 'rgba(0, 0, 0, 1)');
|
||||
assert.equal(await cell.getCssValue('background-color'), 'rgba(175, 255, 175, 1)');
|
||||
assert.equal(await cell.findClosest('.g_record_detail').getCssValue('background-color'), 'rgba(175, 255, 175, 1)');
|
||||
|
||||
// check colors of the add new row
|
||||
cell = gu.getDetailCell('A', 5).find('.field_clip');
|
||||
assert.equal(await cell.getCssValue('background-color'), 'rgba(246, 246, 255, 1)');
|
||||
});
|
||||
|
||||
it('should work for HyperLinkTextbox', async function() {
|
||||
// Load original document
|
||||
const mainSession = await gu.session().login();
|
||||
await mainSession.loadDoc(`/doc/${doc}`);
|
||||
|
||||
// select the grid widget
|
||||
await gu.getSection('TABLE1').click();
|
||||
|
||||
// change widget to hyper link
|
||||
await driver.findContent('.test-select-button', /HyperLink/).click();
|
||||
await gu.waitForServer();
|
||||
const cell = gu.getCell('A', 1).find('.field_clip');
|
||||
|
||||
// check cell show hyperlink
|
||||
assert.equal(await cell.find('a').isPresent(), true);
|
||||
|
||||
// check color and background are ok
|
||||
assert.equal(await cell.getCssValue('color'), 'rgba(0, 255, 0, 1)');
|
||||
assert.equal(await cell.getCssValue('background-color'), 'rgba(0, 0, 255, 1)');
|
||||
assert.equal(await cell.find('.test-tb-link-icon').getCssValue('background-color'), 'rgba(0, 255, 0, 1)');
|
||||
|
||||
});
|
||||
|
||||
it('should work with Attachment type column', async function() {
|
||||
// change widget to Attachment
|
||||
await gu.setType(/Attachment/);
|
||||
await driver.findWait('.test-type-transform-apply', 1000).click();
|
||||
await gu.waitForServer();
|
||||
|
||||
// empty cell
|
||||
let cell = await gu.getCell('A', 1).find('.field_clip').doClick();
|
||||
await gu.enterCell(Key.DELETE);
|
||||
|
||||
// check cell type
|
||||
cell = await gu.getCell('A', 1).find('.field_clip');
|
||||
assert.equal(await cell.matches('.test-attachment-widget'), true);
|
||||
|
||||
// open color picker
|
||||
await driver.find('.test-color-select').click();
|
||||
|
||||
// set and check cellColor
|
||||
await gu.setColor(driver.find('.test-text-input'), 'rgb(0, 255, 0)');
|
||||
await gu.waitToPass(async () => {
|
||||
assert.equal(await cell.getCssValue('color'), 'rgba(0, 255, 0, 1)');
|
||||
});
|
||||
|
||||
// set and check fillColor
|
||||
await gu.setColor(driver.find('.test-fill-input'), 'rgb(0, 0, 255)');
|
||||
await gu.waitToPass(async () => {
|
||||
assert.equal(await cell.getCssValue('background-color'), 'rgba(0, 0, 255, 1)');
|
||||
});
|
||||
|
||||
// press enter to close color picker
|
||||
await driver.sendKeys(Key.ENTER);
|
||||
await gu.waitForServer();
|
||||
});
|
||||
|
||||
it('should work with Toggle type column', async function() {
|
||||
// change widget to Toggle type
|
||||
await gu.setType(/Toggle/);
|
||||
await driver.findWait('.test-type-transform-apply', 1000).click();
|
||||
await gu.waitForServer();
|
||||
|
||||
// check cell has changed type
|
||||
const cell = await gu.getCell('A', 1).find('.field_clip');
|
||||
assert.equal(await cell.find('.widget_checkbox').isPresent(), true);
|
||||
|
||||
// open color picker
|
||||
await driver.find('.test-color-select').click();
|
||||
|
||||
// set and check cell color
|
||||
await gu.setColor(driver.find('.test-text-input'), 'rgb(0, 255, 0)');
|
||||
await gu.waitToPass(async () => {
|
||||
assert.equal(await cell.getCssValue('color'), 'rgba(0, 255, 0, 1)');
|
||||
});
|
||||
|
||||
// set and check fill color
|
||||
await gu.setColor(driver.find('.test-fill-input'), 'rgb(0, 0, 255)');
|
||||
await gu.waitToPass(async () => {
|
||||
assert.equal(await cell.getCssValue('background-color'), 'rgba(0, 0, 255, 1)');
|
||||
});
|
||||
|
||||
// press enter to close color picker
|
||||
await driver.sendKeys(Key.ENTER);
|
||||
await gu.waitForServer();
|
||||
});
|
||||
|
||||
it('should work with DateTime column', async function() {
|
||||
// change widget to Date type
|
||||
await gu.setType(/Date/);
|
||||
await driver.findWait('.test-type-transform-apply', 1000).click();
|
||||
await gu.waitForServer();
|
||||
const cell = gu.getCell('A', 1);
|
||||
|
||||
// Empty cell to clear error from converting toggle to date
|
||||
await cell.click();
|
||||
await driver.sendKeys(Key.DELETE);
|
||||
|
||||
const clip = cell.find('.field_clip');
|
||||
|
||||
// open color picker
|
||||
await driver.find('.test-color-select').click();
|
||||
|
||||
// set and check cell color
|
||||
await gu.setColor(driver.find('.test-text-input'), 'rgb(0, 255, 0)');
|
||||
await gu.waitToPass(async () => {
|
||||
assert.equal(await clip.getCssValue('color'), 'rgba(0, 255, 0, 1)');
|
||||
});
|
||||
|
||||
// set and check fill color
|
||||
await gu.setColor(driver.find('.test-fill-input'), 'rgb(0, 0, 255)');
|
||||
await gu.waitToPass(async () => {
|
||||
assert.equal(await clip.getCssValue('background-color'), 'rgba(0, 0, 255, 1)');
|
||||
});
|
||||
|
||||
// press enter to close color picker
|
||||
await driver.sendKeys(Key.ENTER);
|
||||
await gu.waitForServer();
|
||||
});
|
||||
|
||||
it('should work with Reference column', async function() {
|
||||
// change widget to Reference type
|
||||
await gu.setType(/Reference/);
|
||||
await driver.findWait('.test-type-transform-apply', 1000).click();
|
||||
await gu.waitForServer();
|
||||
const cell = gu.getCell('A', 1).find('.field_clip');
|
||||
|
||||
// open color picker
|
||||
await driver.find('.test-color-select').click();
|
||||
|
||||
// set and check cell color
|
||||
await gu.setColor(driver.find('.test-text-input'), 'rgb(0, 255, 0)');
|
||||
await gu.waitToPass(async () => {
|
||||
assert.equal(await cell.getCssValue('color'), 'rgba(0, 255, 0, 1)');
|
||||
});
|
||||
|
||||
// set and check fill color
|
||||
await gu.setColor(driver.find('.test-fill-input'), 'rgb(0, 0, 255)');
|
||||
await gu.waitToPass(async () => {
|
||||
// check color and background are of
|
||||
assert.equal(await cell.getCssValue('background-color'), 'rgba(0, 0, 255, 1)');
|
||||
});
|
||||
|
||||
// press enter to close color picker
|
||||
await driver.sendKeys(Key.ENTER);
|
||||
await gu.waitForServer();
|
||||
});
|
||||
|
||||
it('should work with Choice type column', async function() {
|
||||
// change widget to Choice type
|
||||
await gu.setType(/Choice/);
|
||||
await driver.findWait('.test-type-transform-apply', 1000).click();
|
||||
await gu.waitForServer();
|
||||
|
||||
// empty cell
|
||||
await gu.getCell('A', 1).click();
|
||||
await gu.enterCell(Key.DELETE);
|
||||
|
||||
// open color picker
|
||||
await driver.find('.test-color-select').click();
|
||||
|
||||
// set and check cell color
|
||||
await gu.setColor(driver.find('.test-text-input'), 'rgb(0, 255, 0)');
|
||||
const cell = await gu.getCell('A', 1).find('.field_clip');
|
||||
await gu.waitToPass(async () => {
|
||||
assert.equal(await cell.getCssValue('color'), 'rgba(0, 255, 0, 1)');
|
||||
});
|
||||
|
||||
// set and check fill color
|
||||
await gu.setColor(driver.find('.test-fill-input'), 'rgb(0, 0, 255)');
|
||||
await gu.waitToPass(async () => {
|
||||
assert.equal(await cell.getCssValue('background-color'), 'rgba(0, 0, 255, 1)');
|
||||
});
|
||||
|
||||
// press enter to close color picker
|
||||
await driver.sendKeys(Key.ENTER);
|
||||
await gu.waitForServer();
|
||||
});
|
||||
|
||||
it('should work well with error cell', async function() {
|
||||
// change to numeric type
|
||||
await gu.setType(/Numeric/);
|
||||
await driver.findWait('.test-type-transform-apply', 1000).click();
|
||||
await gu.waitForServer();
|
||||
|
||||
// enter text
|
||||
await gu.getCell('A', 1).click();
|
||||
await gu.enterCell('foo');
|
||||
|
||||
// open color picker
|
||||
await driver.find('.test-color-select').click();
|
||||
|
||||
// set and check cell color
|
||||
const cell = await gu.getCell('A', 1).find('.field_clip');
|
||||
await gu.setColor(driver.find('.test-text-input'), 'rgb(0, 255, 0)');
|
||||
await gu.waitToPass(async () => {
|
||||
assert.equal(await cell.getCssValue('color'), 'rgba(0, 0, 0, 1)');
|
||||
});
|
||||
|
||||
// set and check fill color
|
||||
await gu.setColor(driver.find('.test-fill-input'), 'rgb(0, 0, 255)');
|
||||
await gu.waitToPass(async () => {
|
||||
assert.equal(await cell.getCssValue('background-color'), 'rgba(255, 182, 193, 1)');
|
||||
});
|
||||
|
||||
// press enter to close color picker
|
||||
await driver.sendKeys(Key.ENTER);
|
||||
await gu.waitForServer();
|
||||
|
||||
});
|
||||
|
||||
|
||||
it('should persist when changing cell format', async function() {
|
||||
// change to text type
|
||||
await gu.setType(/Text/);
|
||||
await driver.findWait('.test-type-transform-apply', 1000).click();
|
||||
await gu.waitForServer();
|
||||
let cell = gu.getCell('A', 1).find('.field_clip');
|
||||
|
||||
// open color picker
|
||||
await driver.find('.test-color-select').click();
|
||||
|
||||
// set and check cell color
|
||||
await gu.setColor(driver.find('.test-text-input'), 'rgb(0, 255, 0)');
|
||||
await gu.waitToPass(async () => {
|
||||
assert.equal(await cell.getCssValue('color'), 'rgba(0, 255, 0, 1)');
|
||||
});
|
||||
|
||||
// set and check fill color
|
||||
await gu.setColor(driver.find('.test-fill-input'), 'rgb(0, 0, 255)');
|
||||
await gu.waitToPass(async () => {
|
||||
assert.equal(await cell.getCssValue('background-color'), 'rgba(0, 0, 255, 1)');
|
||||
});
|
||||
|
||||
// press enter to close color picker
|
||||
await driver.sendKeys(Key.ENTER);
|
||||
await gu.waitForServer();
|
||||
|
||||
// change format to hyperlink
|
||||
await driver.findContent('.test-select-button', /HyperLink/).click();
|
||||
await gu.waitForServer();
|
||||
|
||||
// check color is still ok
|
||||
cell = gu.getCell('A', 1).find('.field_clip');
|
||||
assert.equal(await cell.getCssValue('color'), 'rgba(0, 255, 0, 1)');
|
||||
assert.equal(await cell.getCssValue('background-color'), 'rgba(0, 0, 255, 1)');
|
||||
});
|
||||
|
||||
it('should handle correctly default text color', async function() {
|
||||
// Create new checkbox column
|
||||
await driver.find('.mod-add-column').click();
|
||||
await gu.waitForServer();
|
||||
await gu.setType(/Toggle/);
|
||||
|
||||
// open the color picker
|
||||
await driver.find('.test-color-select').click();
|
||||
|
||||
// check color preview is correct
|
||||
assert.equal(await driver.find('.test-text-hex').value(), '#606060');
|
||||
|
||||
// close color picker
|
||||
await driver.sendKeys(Key.ENTER);
|
||||
|
||||
// Change widget to Switch
|
||||
await driver.find('.test-fbuilder-widget-select').click();
|
||||
await driver.findContent('.test-select-row', /Switch/).click();
|
||||
await gu.waitForServer();
|
||||
|
||||
// open the color picker
|
||||
await driver.find('.test-color-select').click();
|
||||
|
||||
// check color preview is correct
|
||||
assert.equal(await driver.find('.test-text-hex').value(), '#2CB0AF');
|
||||
|
||||
// close picker
|
||||
await driver.sendKeys(Key.ESCAPE);
|
||||
});
|
||||
|
||||
it('should not save default color', async function() {
|
||||
// This test catch a bug that used to save the default color to server when changing widget format
|
||||
|
||||
// create a new checkbox column
|
||||
await driver.find('.mod-add-column').click();
|
||||
await gu.waitForServer();
|
||||
await gu.setType(/Toggle/);
|
||||
|
||||
// enter 'true'
|
||||
await gu.getCell('E', 1).click();
|
||||
await gu.enterCell('true');
|
||||
|
||||
// check the color
|
||||
const cell = () => gu.getCell('E', 1).find('.field_clip');
|
||||
assert.equal(await cell().find('.checkmark_stem').getCssValue('background-color'), gu.hexToRgb('#606060'));
|
||||
|
||||
// open the color picker and press ESC
|
||||
await driver.find('.test-color-select').click();
|
||||
await driver.wait(() => driver.find('.test-fill-palette').isPresent(), 3000);
|
||||
await driver.sendKeys(Key.ESCAPE);
|
||||
await driver.wait(async () => !(await driver.find('.test-fill-palette').isPresent()), 3000);
|
||||
|
||||
// switch format to switch
|
||||
await driver.find('.test-fbuilder-widget-select').click();
|
||||
await driver.findContent('.test-select-row', /Switch/).click();
|
||||
await gu.waitForServer();
|
||||
|
||||
// check the switch's color
|
||||
assert.equal(await cell().find('.switch_slider').getCssValue('background-color'), gu.hexToRgb('#2CB0AF'));
|
||||
|
||||
});
|
||||
});
|
||||
Loading…
Reference in New Issue
Block a user