public function TestMultiWidthLayoutsTest::testWidthChange in Drupal 8
Same name and namespace in other branches
- 9 core/modules/layout_builder/tests/src/FunctionalJavascript/TestMultiWidthLayoutsTest.php \Drupal\Tests\layout_builder\FunctionalJavascript\TestMultiWidthLayoutsTest::testWidthChange()
Test changing the columns widths of a multi-width section.
File
- core/
modules/ layout_builder/ tests/ src/ FunctionalJavascript/ TestMultiWidthLayoutsTest.php, line 50
Class
- TestMultiWidthLayoutsTest
- Test the multi-width layout plugins.
Namespace
Drupal\Tests\layout_builder\FunctionalJavascriptCode
public function testWidthChange() {
$assert_session = $this
->assertSession();
$page = $this
->getSession()
->getPage();
// Enable layout builder.
$this
->drupalPostForm(static::FIELD_UI_PREFIX . '/display/default', [
'layout[enabled]' => TRUE,
], 'Save');
$this
->clickLink('Manage layout');
$assert_session
->addressEquals(static::FIELD_UI_PREFIX . '/display/default/layout');
$width_options = [
[
'label' => 'Two column',
'default_width' => '50-50',
'additional_widths' => [
'33-67',
'67-33',
'25-75',
'75-25',
],
'class' => 'layout--twocol-section--',
],
[
'label' => 'Three column',
'default_width' => '33-34-33',
'additional_widths' => [
'25-50-25',
'25-25-50',
'50-25-25',
],
'class' => 'layout--threecol-section--',
],
];
foreach ($width_options as $width_option) {
$width = $width_option['default_width'];
$assert_session
->linkExists('Add section');
$page
->clickLink('Add section');
$this
->assertNotEmpty($assert_session
->waitForElementVisible('css', "#drupal-off-canvas a:contains(\"{$width_option['label']}\")"));
$page
->clickLink($width_option['label']);
$this
->assertNotEmpty($assert_session
->waitForElementVisible('css', '#drupal-off-canvas input[type="submit"][value="Add section"]'));
$page
->pressButton("Add section");
$this
->assertWidthClassApplied($width_option['class'] . $width);
foreach ($width_option['additional_widths'] as $width) {
$width_class = $width_option['class'] . $width;
$assert_session
->linkExists('Configure Section 1');
$page
->clickLink('Configure Section 1');
$this
->assertNotEmpty($assert_session
->waitForElementVisible('css', '#drupal-off-canvas input[type="submit"][value="Update"]'));
$page
->findField('layout_settings[column_widths]')
->setValue($width);
$page
->pressButton("Update");
$this
->assertWidthClassApplied($width_class);
}
$assert_session
->linkExists('Remove Section 1');
$this
->clickLink('Remove Section 1');
$this
->assertNotEmpty($assert_session
->waitForElementVisible('css', '#drupal-off-canvas input[type="submit"][value="Remove"]'));
$page
->pressButton('Remove');
$assert_session
->assertNoElementAfterWait('css', ".{$width_class}");
}
}