Files
blockly/tests/browser/test/mutator_test.mjs
RoboErikG 361b453f17 fix: Fix browser tests PART 1 (#9064)
* Move block into view before clicking

* fix right click test failures

* Fix drag three blocks test

dragAndDrop is relative to the start and the test window is very small.

* Fix a few more tests

- Switch to using clickBlock instead of getting the block and clicking it
- Update drag positions for some tests so they don't snap and change size

* Add a pause between right clicking a block and waiting for the menu

* Fix mutator test by finding the dragged out elseif block

* Make disable test less flakey
2025-05-19 14:25:55 -07:00

88 lines
2.2 KiB
JavaScript

/**
* @license
* Copyright 2023 Google LLC
* SPDX-License-Identifier: Apache-2.0
*/
import * as chai from 'chai';
import {
PAUSE_TIME,
connect,
dragBlockFromMutatorFlyout,
dragBlockTypeFromFlyout,
getBlockElementById,
openMutatorForBlock,
screenDirection,
testFileLocations,
testSetup,
} from './test_setup.mjs';
suite('Mutating a block', function (done) {
this.timeout(0);
suiteSetup(async function () {
this.browser = await testSetup(testFileLocations.PLAYGROUND);
});
test('Mutating a block creates more inputs', async function () {
await testMutator(this.browser, screenDirection.LTR);
});
});
async function testMutator(browser, delta) {
const mutatorBlock = await dragBlockTypeFromFlyout(
browser,
'Logic',
'controls_if',
delta * 150,
50,
);
await openMutatorForBlock(browser, mutatorBlock);
await dragBlockFromMutatorFlyout(
browser,
mutatorBlock,
'controls_if_elseif',
delta * 150,
50,
);
await browser.pause(PAUSE_TIME);
const {mutatorBlockId, ifQuarkId, elseIfQuarkId} = await browser.execute(
() => {
const mutatorBlock = Blockly.getMainWorkspace().getAllBlocks()[0];
const quarkBlocks = mutatorBlock.mutator.getWorkspace().getAllBlocks();
return {
mutatorBlockId: mutatorBlock.id,
ifQuarkId: quarkBlocks[0].id,
elseIfQuarkId: quarkBlocks[1].id,
};
},
);
// The flyout block and the workspace block have the same id, so to get
// around that I pass in the selector to the connect function.
const dragBlockSelector = await browser.$(
'#blocklyDiv > div > svg.blocklySvg > g > g.blocklyBubbleCanvas > g > ' +
'g:nth-child(2) > svg:nth-child(1) > g > g.blocklyBlockCanvas > ' +
'g.blocklyDraggable',
);
await browser.pause(PAUSE_TIME);
await connect(
browser,
await getBlockElementById(browser, elseIfQuarkId),
'PREVIOUS',
await getBlockElementById(browser, ifQuarkId),
'NEXT',
mutatorBlockId,
dragBlockSelector,
);
await browser.pause(PAUSE_TIME);
const finalInputCount = await browser.execute(() => {
return Blockly.getMainWorkspace().getAllBlocks()[0].inputList.length;
});
chai.assert.equal(finalInputCount, 4);
}