function CKEditor5AllowedTagsTest::testMediaElementAllowedTags

Test that <drupal-media> is added to allowed tags when media embed enabled.

File

core/modules/ckeditor5/tests/src/FunctionalJavascript/CKEditor5AllowedTagsTest.php, line 341

Class

CKEditor5AllowedTagsTest

Tests for CKEditor 5.

Namespace

Code

public function testMediaElementAllowedTags() : void {
  $page = $this->getSession()
    ->getPage();
  $assert_session = $this->assertSession();
  EntityViewMode::create([
    'id' => 'media.view_mode_1',
    'targetEntityType' => 'media',
    'status' => TRUE,
    'enabled' => TRUE,
    'label' => 'View Mode 1',
  ])->save();
  EntityViewMode::create([
    'id' => 'media.view_mode_2',
    'targetEntityType' => 'media',
    'status' => TRUE,
    'enabled' => TRUE,
    'label' => 'View Mode 2',
  ])->save();
  $this->createNewTextFormat($page, $assert_session);
  // Allowed HTML field is readonly and its wrapper has a form-disabled class.
  $this->assertNotEmpty($assert_session->waitForElement('css', '.js-form-item-filters-filter-html-settings-allowed-html.form-disabled'));
  $allowed_html_field = $assert_session->fieldExists('filters[filter_html][settings][allowed_html]');
  $this->assertTrue($allowed_html_field->hasAttribute('readonly'));
  // Allowed tags are currently the default, with no <drupal-media>.
  $this->assertEquals($this->allowedElements, $allowed_html_field->getValue());
  // Enable media embed.
  $this->assertTrue($page->hasUncheckedField('filters[media_embed][status]'));
  $this->assertNull($assert_session->waitForElementVisible('css', '[data-drupal-selector=edit-filters-media-embed-settings]', 0));
  $page->checkField('filters[media_embed][status]');
  $assert_session->assertExpectedAjaxRequest(2);
  $this->assertNotNull($assert_session->waitForElementVisible('css', '[data-drupal-selector=edit-filters-media-embed-settings]', 0));
  $page->clickLink('Embed media');
  $page->checkField('filters[media_embed][settings][allowed_view_modes][view_mode_1]');
  $page->checkField('filters[media_embed][settings][allowed_view_modes][view_mode_2]');
  $allowed_with_media = $this->allowedElements . ' <drupal-media data-entity-type data-entity-uuid alt data-view-mode>';
  $allowed_with_media_without_view_mode = $this->allowedElements . ' <drupal-media data-entity-type data-entity-uuid alt>';
  $page->clickLink('Media');
  $this->assertTrue($page->hasUncheckedField('editor[settings][plugins][media_media][allow_view_mode_override]'));
  $this->assertHtmlEsqueFieldValueEquals('filters[filter_html][settings][allowed_html]', $allowed_with_media_without_view_mode);
  $page->checkField('editor[settings][plugins][media_media][allow_view_mode_override]');
  $assert_session->assertExpectedAjaxRequest(3);
  $this->assertHtmlEsqueFieldValueEquals('filters[filter_html][settings][allowed_html]', $allowed_with_media);
  $this->saveNewTextFormat($page, $assert_session);
  $assert_session->pageTextContains('Added text format ckeditor5.');
  // Confirm <drupal-media> was added to allowed tags on save, as a result of
  // enabling the media embed filter.
  $this->assertSame($allowed_with_media, FilterFormat::load('ckeditor5')->filters('filter_html')
    ->getConfiguration()['settings']['allowed_html']);
  $page->find('css', '[data-drupal-selector="edit-formats-ckeditor5"]')
    ->clickLink('Configure');
  // Confirm that <drupal-media> is now included in the "Allowed tags" form
  // field.
  $this->assertHtmlEsqueFieldValueEquals('filters[filter_html][settings][allowed_html]', $allowed_with_media);
  // Ensure that data-align attribute is added to <drupal-media> when
  // filter_align is enabled.
  $page->checkField('filters[filter_align][status]');
  $assert_session->assertExpectedAjaxRequest(1);
  $this->assertEquals($this->allowedElements . ' <drupal-media data-entity-type data-entity-uuid alt data-view-mode data-align>', $allowed_html_field->getValue());
  // Disable media embed.
  $this->assertTrue($page->hasCheckedField('filters[media_embed][status]'));
  $page->uncheckField('filters[media_embed][status]');
  $assert_session->assertExpectedAjaxRequest(2);
  // Confirm allowed tags no longer has <drupal-media>.
  $this->assertHtmlEsqueFieldValueEquals('filters[filter_html][settings][allowed_html]', $this->allowedElements);
}