--- /dev/null
+<?php
+
+namespace Drupal\Tests\system\FunctionalJavascript;
+
+use Drupal\FunctionalJavascriptTests\WebDriverTestBase;
+
+/**
+ * Tests the off-canvas dialog functionality.
+ *
+ * @group system
+ */
+class FrameworkTest extends WebDriverTestBase {
+
+ /**
+ * {@inheritdoc}
+ */
+ protected static $modules = ['node', 'ajax_test', 'ajax_forms_test'];
+
+ /**
+ * Tests that new JavaScript and CSS files are lazy-loaded on an AJAX request.
+ */
+ public function testLazyLoad() {
+ $expected = [
+ 'setting_name' => 'ajax_forms_test_lazy_load_form_submit',
+ 'setting_value' => 'executed',
+ 'library_1' => 'system/admin',
+ 'library_2' => 'system/drupal.system',
+ ];
+
+ // Get the base page.
+ $this->drupalGet('ajax_forms_test_lazy_load_form');
+ $page = $this->getSession()->getPage();
+ $assert = $this->assertSession();
+
+ $original_settings = $this->getDrupalSettings();
+ $original_libraries = explode(',', $original_settings['ajaxPageState']['libraries']);
+
+ // Verify that the base page doesn't have the settings and files that are to
+ // be lazy loaded as part of the next requests.
+ $this->assertTrue(!isset($original_settings[$expected['setting_name']]), format_string('Page originally lacks the %setting, as expected.', ['%setting' => $expected['setting_name']]));
+ $this->assertTrue(!in_array($expected['library_1'], $original_libraries), format_string('Page originally lacks the %library library, as expected.', ['%library' => $expected['library_1']]));
+ $this->assertTrue(!in_array($expected['library_2'], $original_libraries), format_string('Page originally lacks the %library library, as expected.', ['%library' => $expected['library_2']]));
+
+ // Submit the AJAX request without triggering files getting added.
+ $page->pressButton('Submit');
+ $assert->assertWaitOnAjaxRequest();
+ $new_settings = $this->getDrupalSettings();
+ $new_libraries = explode(',', $new_settings['ajaxPageState']['libraries']);
+
+ // Verify the setting was not added when not expected.
+ $this->assertTrue(!isset($new_settings[$expected['setting_name']]), format_string('Page still lacks the %setting, as expected.', ['%setting' => $expected['setting_name']]));
+ $this->assertTrue(!in_array($expected['library_1'], $new_libraries), format_string('Page still lacks the %library library, as expected.', ['%library' => $expected['library_1']]));
+ $this->assertTrue(!in_array($expected['library_2'], $new_libraries), format_string('Page still lacks the %library library, as expected.', ['%library' => $expected['library_2']]));
+
+ // Submit the AJAX request and trigger adding files.
+ $page->checkField('add_files');
+ $page->pressButton('Submit');
+ $assert->assertWaitOnAjaxRequest();
+ $new_settings = $this->getDrupalSettings();
+ $new_libraries = explode(',', $new_settings['ajaxPageState']['libraries']);
+
+ // Verify the expected setting was added, both to drupalSettings, and as
+ // the first AJAX command.
+ $this->assertIdentical($new_settings[$expected['setting_name']], $expected['setting_value'], format_string('Page now has the %setting.', ['%setting' => $expected['setting_name']]));
+
+ // Verify the expected CSS file was added, both to drupalSettings, and as
+ // the second AJAX command for inclusion into the HTML.
+ $this->assertTrue(in_array($expected['library_1'], $new_libraries), format_string('Page state now has the %library library.', ['%library' => $expected['library_1']]));
+
+ // Verify the expected JS file was added, both to drupalSettings, and as
+ // the third AJAX command for inclusion into the HTML. By testing for an
+ // exact HTML string containing the SCRIPT tag, we also ensure that
+ // unexpected JavaScript code, such as a jQuery.extend() that would
+ // potentially clobber rather than properly merge settings, didn't
+ // accidentally get added.
+ $this->assertTrue(in_array($expected['library_2'], $new_libraries), format_string('Page state now has the %library library.', ['%library' => $expected['library_2']]));
+ }
+
+ /**
+ * Tests that drupalSettings.currentPath is not updated on AJAX requests.
+ */
+ public function testCurrentPathChange() {
+ $this->drupalGet('ajax_forms_test_lazy_load_form');
+ $page = $this->getSession()->getPage();
+ $assert = $this->assertSession();
+
+ $old_settings = $this->getDrupalSettings();
+ $page->pressButton('Submit');
+ $assert->assertWaitOnAjaxRequest();
+ $new_settings = $this->getDrupalSettings();
+ $this->assertEquals($old_settings['path']['currentPath'], $new_settings['path']['currentPath']);
+ }
+
+ /**
+ * Tests that overridden CSS files are not added during lazy load.
+ */
+ public function testLazyLoadOverriddenCSS() {
+ // The test theme overrides js.module.css without an implementation,
+ // thereby removing it.
+ \Drupal::service('theme_handler')->install(['test_theme']);
+ $this->config('system.theme')
+ ->set('default', 'test_theme')
+ ->save();
+
+ // This gets the form, and does an Ajax submission on it.
+ $this->drupalGet('ajax_forms_test_lazy_load_form');
+ $page = $this->getSession()->getPage();
+ $assert = $this->assertSession();
+
+ $page->checkField('add_files');
+ $page->pressButton('Submit');
+ $assert->assertWaitOnAjaxRequest();
+
+ // Verify that the resulting HTML does not load the overridden CSS file.
+ // We add a "?" to the assertion, because drupalSettings may include
+ // information about the file; we only really care about whether it appears
+ // in a LINK or STYLE tag, for which Drupal always adds a query string for
+ // cache control.
+ $assert->responseNotContains('js.module.css?', 'Ajax lazy loading does not add overridden CSS files.');
+ }
+
+}