function CKEditor5Test::testHeadingsPlugin

Test headings configuration.

File

core/modules/ckeditor5/tests/src/FunctionalJavascript/CKEditor5Test.php, line 76

Class

CKEditor5Test

Tests for CKEditor 5.

Namespace

Code

public function testHeadingsPlugin() : void {
    $page = $this->getSession()
        ->getPage();
    $assert_session = $this->assertSession();
    $this->addNewTextFormat();
    $this->drupalGet('admin/config/content/formats/manage/ckeditor5');
    $this->assertHtmlEsqueFieldValueEquals('filters[filter_html][settings][allowed_html]', '<br> <p> <h2> <h3> <h4> <h5> <h6> <strong> <em>');
    $this->drupalGet('node/add/page');
    $this->assertNotEmpty($assert_session->waitForElement('css', '.ck-heading-dropdown button'));
    $page->find('css', '.ck-heading-dropdown button')
        ->click();
    // Get all the headings available in dropdown.
    $headings_dropdown = $page->findAll('css', '.ck-heading-dropdown li .ck-button__label');
    // Create array of available headings.
    $available_headings = [];
    foreach ($headings_dropdown as $item) {
        $available_headings[] = $item->getText();
    }
    $this->assertSame([
        'Paragraph',
        'Heading 2',
        'Heading 3',
        'Heading 4',
        'Heading 5',
        'Heading 6',
    ], $available_headings);
    $this->drupalGet('admin/config/content/formats/manage/ckeditor5');
    $this->assertTrue($page->hasUncheckedField('editor[settings][plugins][ckeditor5_heading][enabled_headings][heading1]'));
    $page->checkField('editor[settings][plugins][ckeditor5_heading][enabled_headings][heading1]');
    $assert_session->assertWaitOnAjaxRequest();
    $this->assertTrue($page->hasCheckedField('editor[settings][plugins][ckeditor5_heading][enabled_headings][heading1]'));
    $this->assertTrue($page->hasCheckedField('editor[settings][plugins][ckeditor5_heading][enabled_headings][heading2]'));
    $page->uncheckField('editor[settings][plugins][ckeditor5_heading][enabled_headings][heading2]');
    $assert_session->assertWaitOnAjaxRequest();
    $this->assertTrue($page->hasUncheckedField('editor[settings][plugins][ckeditor5_heading][enabled_headings][heading2]'));
    $this->assertTrue($page->hasCheckedField('editor[settings][plugins][ckeditor5_heading][enabled_headings][heading4]'));
    $page->uncheckField('editor[settings][plugins][ckeditor5_heading][enabled_headings][heading4]');
    $assert_session->assertWaitOnAjaxRequest();
    $this->assertTrue($page->hasUncheckedField('editor[settings][plugins][ckeditor5_heading][enabled_headings][heading4]'));
    $this->assertHtmlEsqueFieldValueEquals('filters[filter_html][settings][allowed_html]', '<br> <p> <h1> <h3> <h5> <h6> <strong> <em>');
    $this->assertTrue($page->hasUncheckedField('editor[settings][plugins][ckeditor5_heading][enabled_headings][heading4]'));
    $page->pressButton('Save configuration');
    $this->drupalGet('node/add/page');
    $this->assertNotEmpty($assert_session->waitForElement('css', '.ck-heading-dropdown button'));
    $page->find('css', '.ck-heading-dropdown button')
        ->click();
    // Get all the headings available in dropdown.
    $headings_dropdown = $page->findAll('css', '.ck-heading-dropdown li .ck-button__label');
    // Create array of available headings.
    $available_headings = [];
    foreach ($headings_dropdown as $item) {
        $available_headings[] = $item->getText();
    }
    $this->assertSame([
        'Paragraph',
        'Heading 1',
        'Heading 3',
        'Heading 5',
        'Heading 6',
    ], $available_headings);
}