function CKEditorIntegrationTest::testOffCanvasStyles
Same name in other branches
- 8.9.x core/modules/ckeditor/tests/src/FunctionalJavascript/CKEditorIntegrationTest.php \Drupal\Tests\ckeditor\FunctionalJavascript\CKEditorIntegrationTest::testOffCanvasStyles()
Tests if CKEditor is properly styled inside an off-canvas dialog.
File
-
core/
modules/ ckeditor/ tests/ src/ FunctionalJavascript/ CKEditorIntegrationTest.php, line 201
Class
- CKEditorIntegrationTest
- Tests the integration of CKEditor.
Namespace
Drupal\Tests\ckeditor\FunctionalJavascriptCode
public function testOffCanvasStyles() {
$assert_session = $this->assertSession();
$page = $this->getSession()
->getPage();
$this->drupalGet('/ckeditor_test/off_canvas');
// The "Add Node" link triggers an off-canvas dialog with an add node form
// that includes CKEditor.
$page->clickLink('Add Node');
$assert_session->waitForElementVisible('css', '#drupal-off-canvas');
$assert_session->assertWaitOnAjaxRequest();
// Check the background color of two CKEditor elements to confirm they are
// not overridden by the off-canvas css reset.
$assert_session->elementExists('css', '.cke_top');
$ckeditor_top_bg_color = $this->getSession()
->evaluateScript('window.getComputedStyle(document.getElementsByClassName(\'cke_top\')[0]).backgroundColor');
$this->assertEquals('rgb(248, 248, 248)', $ckeditor_top_bg_color);
$assert_session->elementExists('css', '.cke_button__source');
$ckeditor_source_button_bg_color = $this->getSession()
->evaluateScript('window.getComputedStyle(document.getElementsByClassName(\'cke_button__source\')[0]).backgroundColor');
$this->assertEquals('rgba(0, 0, 0, 0)', $ckeditor_source_button_bg_color);
// Check that only one off-canvas style is cached in local storage and that
// it gets updated with the cache-busting query string.
$get_cache_keys = 'Object.keys(window.localStorage).filter(function (i) {return i.indexOf(\'Drupal.off-canvas.css.\') === 0})';
$old_keys = $this->getSession()
->evaluateScript($get_cache_keys);
// Flush the caches to ensure the new timestamp is altered into the
// drupal.ckeditor library's javascript settings.
$this->resetAll();
// Normally flushing caches regenerates the cache busting query string, but
// as it's based on the request time, it won't change within this test so
// explicitly set it.
\Drupal::state()->set('system.css_js_query_string', '0');
$this->drupalGet('/ckeditor_test/off_canvas');
$page->clickLink('Add Node');
$assert_session->waitForElementVisible('css', '#drupal-off-canvas');
$assert_session->assertWaitOnAjaxRequest();
$new_keys = $this->getSession()
->evaluateScript($get_cache_keys);
$this->assertCount(1, $old_keys, 'Only one off-canvas style was cached before clearing caches.');
$this->assertCount(1, $new_keys, 'Only one off-canvas style was cached after clearing caches.');
$this->assertNotEquals($old_keys, $new_keys, 'Clearing caches changed the off-canvas style cache key.');
}
Buggy or inaccurate documentation? Please file an issue. Need support? Need help programming? Connect with the Drupal community.