X-Git-Url: http://www.aleph1.co.uk/gitweb/?a=blobdiff_plain;f=web%2Fcore%2Fmodules%2Fsystem%2Fsrc%2FTests%2FAjax%2FDialogTest.php;fp=web%2Fcore%2Fmodules%2Fsystem%2Fsrc%2FTests%2FAjax%2FDialogTest.php;h=ec947825fe2d0c022286bb8557231aac06d50102;hb=a2bd1bf0c2c1f1a17d188f4dc0726a45494cefae;hp=0000000000000000000000000000000000000000;hpb=57c063afa3f66b07c4bbddc2d6129a96d90f0aad;p=yaffs-website diff --git a/web/core/modules/system/src/Tests/Ajax/DialogTest.php b/web/core/modules/system/src/Tests/Ajax/DialogTest.php new file mode 100644 index 000000000..ec947825f --- /dev/null +++ b/web/core/modules/system/src/Tests/Ajax/DialogTest.php @@ -0,0 +1,214 @@ +drupalLogin($this->drupalCreateUser(['administer contact forms'])); + // Ensure the elements render without notices or exceptions. + $this->drupalGet('ajax-test/dialog'); + + // Set up variables for this test. + $dialog_renderable = AjaxTestController::dialogContents(); + $dialog_contents = \Drupal::service('renderer')->renderRoot($dialog_renderable); + $modal_expected_response = [ + 'command' => 'openDialog', + 'selector' => '#drupal-modal', + 'settings' => NULL, + 'data' => $dialog_contents, + 'dialogOptions' => [ + 'modal' => TRUE, + 'title' => 'AJAX Dialog & contents', + ], + ]; + $form_expected_response = [ + 'command' => 'openDialog', + 'selector' => '#drupal-modal', + 'settings' => NULL, + 'dialogOptions' => [ + 'modal' => TRUE, + 'title' => 'Ajax Form contents', + ], + ]; + $entity_form_expected_response = [ + 'command' => 'openDialog', + 'selector' => '#drupal-modal', + 'settings' => NULL, + 'dialogOptions' => [ + 'modal' => TRUE, + 'title' => 'Add contact form', + ], + ]; + $normal_expected_response = [ + 'command' => 'openDialog', + 'selector' => '#ajax-test-dialog-wrapper-1', + 'settings' => NULL, + 'data' => $dialog_contents, + 'dialogOptions' => [ + 'modal' => FALSE, + 'title' => 'AJAX Dialog & contents', + ], + ]; + $no_target_expected_response = [ + 'command' => 'openDialog', + 'selector' => '#drupal-dialog-ajax-testdialog-contents', + 'settings' => NULL, + 'data' => $dialog_contents, + 'dialogOptions' => [ + 'modal' => FALSE, + 'title' => 'AJAX Dialog & contents', + ], + ]; + $close_expected_response = [ + 'command' => 'closeDialog', + 'selector' => '#ajax-test-dialog-wrapper-1', + 'persist' => FALSE, + ]; + + // Check that requesting a modal dialog without JS goes to a page. + $this->drupalGet('ajax-test/dialog-contents'); + $this->assertRaw($dialog_contents, 'Non-JS modal dialog page present.'); + + // Check that requesting a modal dialog with XMLHttpRequest goes to a page. + $this->drupalGetXHR('ajax-test/dialog-contents'); + $this->assertRaw($dialog_contents, 'Modal dialog page on XMLHttpRequest present.'); + + // Emulate going to the JS version of the page and check the JSON response. + $ajax_result = $this->drupalGetAjax('ajax-test/dialog-contents', ['query' => [MainContentViewSubscriber::WRAPPER_FORMAT => 'drupal_modal']]); + $this->assertEqual($modal_expected_response, $ajax_result[3], 'Modal dialog JSON response matches.'); + // Test the HTML escaping of & character. + $this->assertEqual($ajax_result[3]['dialogOptions']['title'], 'AJAX Dialog & contents'); + $this->assertNotEqual($ajax_result[3]['dialogOptions']['title'], 'AJAX Dialog & contents'); + + // Check that requesting a "normal" dialog without JS goes to a page. + $this->drupalGet('ajax-test/dialog-contents'); + $this->assertRaw($dialog_contents, 'Non-JS normal dialog page present.'); + + // Emulate going to the JS version of the page and check the JSON response. + // This needs to use WebTestBase::drupalPostAjaxForm() so that the correct + // dialog options are sent. + $ajax_result = $this->drupalPostAjaxForm('ajax-test/dialog', [ + // We have to mock a form element to make drupalPost submit from a link. + 'textfield' => 'test', + ], [], 'ajax-test/dialog-contents', ['query' => [MainContentViewSubscriber::WRAPPER_FORMAT => 'drupal_dialog']], [], NULL, [ + 'submit' => [ + 'dialogOptions[target]' => 'ajax-test-dialog-wrapper-1', + ] + ]); + $this->assertEqual($normal_expected_response, $ajax_result[3], 'Normal dialog JSON response matches.'); + + // Emulate going to the JS version of the page and check the JSON response. + // This needs to use WebTestBase::drupalPostAjaxForm() so that the correct + // dialog options are sent. + $ajax_result = $this->drupalPostAjaxForm('ajax-test/dialog', [ + // We have to mock a form element to make drupalPost submit from a link. + 'textfield' => 'test', + ], [], 'ajax-test/dialog-contents', ['query' => [MainContentViewSubscriber::WRAPPER_FORMAT => 'drupal_dialog']], [], NULL, [ + // Don't send a target. + 'submit' => [] + ]); + // Make sure the selector ID starts with the right string. + $this->assert(strpos($ajax_result[3]['selector'], $no_target_expected_response['selector']) === 0, 'Selector starts with right string.'); + unset($ajax_result[3]['selector']); + unset($no_target_expected_response['selector']); + $this->assertEqual($no_target_expected_response, $ajax_result[3], 'Normal dialog with no target JSON response matches.'); + + // Emulate closing the dialog via an AJAX request. There is no non-JS + // version of this test. + $ajax_result = $this->drupalGetAjax('ajax-test/dialog-close'); + $this->assertEqual($close_expected_response, $ajax_result[0], 'Close dialog JSON response matches.'); + + // Test submitting via a POST request through the button for modals. This + // approach more accurately reflects the real responses by Drupal because + // all of the necessary page variables are emulated. + $ajax_result = $this->drupalPostAjaxForm('ajax-test/dialog', [], 'button1'); + + // Check that CSS and JavaScript are "added" to the page dynamically. + $this->assertTrue(in_array('core/drupal.dialog.ajax', explode(',', $ajax_result[0]['settings']['ajaxPageState']['libraries'])), 'core/drupal.dialog.ajax library is added to the page.'); + $dialog_css_exists = strpos($ajax_result[1]['data'], 'dialog.css') !== FALSE; + $this->assertTrue($dialog_css_exists, 'jQuery UI dialog CSS added to the page.'); + $dialog_js_exists = strpos($ajax_result[2]['data'], 'dialog-min.js') !== FALSE; + $this->assertTrue($dialog_js_exists, 'jQuery UI dialog JS added to the page.'); + $dialog_js_exists = strpos($ajax_result[2]['data'], 'dialog.ajax.js') !== FALSE; + $this->assertTrue($dialog_js_exists, 'Drupal dialog JS added to the page.'); + + // Check that the response matches the expected value. + $this->assertEqual($modal_expected_response, $ajax_result[4], 'POST request modal dialog JSON response matches.'); + // Test the HTML escaping of & character. + $this->assertNotEqual($ajax_result[4]['dialogOptions']['title'], 'AJAX Dialog & contents'); + + // Abbreviated test for "normal" dialogs, testing only the difference. + $ajax_result = $this->drupalPostAjaxForm('ajax-test/dialog', [], 'button2'); + $this->assertEqual($normal_expected_response, $ajax_result[4], 'POST request normal dialog JSON response matches.'); + + // Check that requesting a form dialog without JS goes to a page. + $this->drupalGet('ajax-test/dialog-form'); + // Check we get a chunk of the code, we can't test the whole form as form + // build id and token with be different. + $form = $this->xpath("//form[@id='ajax-test-form']"); + $this->assertTrue(!empty($form), 'Non-JS form page present.'); + + // Emulate going to the JS version of the form and check the JSON response. + $ajax_result = $this->drupalGetAjax('ajax-test/dialog-form', ['query' => [MainContentViewSubscriber::WRAPPER_FORMAT => 'drupal_modal']]); + $expected_ajax_settings = [ + 'edit-preview' => [ + 'callback' => '::preview', + 'event' => 'click', + 'url' => Url::fromRoute('ajax_test.dialog_form', [], ['query' => [ + MainContentViewSubscriber::WRAPPER_FORMAT => 'drupal_modal', + FormBuilderInterface::AJAX_FORM_REQUEST => TRUE, + ]])->toString(), + 'dialogType' => 'ajax', + 'submit' => [ + '_triggering_element_name' => 'op', + '_triggering_element_value' => 'Preview', + ], + ], + ]; + $this->assertEqual($expected_ajax_settings, $ajax_result[0]['settings']['ajax']); + $this->setRawContent($ajax_result[3]['data']); + // Remove the data, the form build id and token will never match. + unset($ajax_result[3]['data']); + $form = $this->xpath("//form[@id='ajax-test-form']"); + $this->assertTrue(!empty($form), 'Modal dialog JSON contains form.'); + $this->assertEqual($form_expected_response, $ajax_result[3]); + + // Check that requesting an entity form dialog without JS goes to a page. + $this->drupalGet('admin/structure/contact/add'); + // Check we get a chunk of the code, we can't test the whole form as form + // build id and token with be different. + $form = $this->xpath("//form[@id='contact-form-add-form']"); + $this->assertTrue(!empty($form), 'Non-JS entity form page present.'); + + // Emulate going to the JS version of the form and check the JSON response. + $ajax_result = $this->drupalGetAjax('admin/structure/contact/add', ['query' => [MainContentViewSubscriber::WRAPPER_FORMAT => 'drupal_modal']]); + $this->setRawContent($ajax_result[3]['data']); + // Remove the data, the form build id and token will never match. + unset($ajax_result[3]['data']); + $form = $this->xpath("//form[@id='contact-form-add-form']"); + $this->assertTrue(!empty($form), 'Modal dialog JSON contains entity form.'); + $this->assertEqual($entity_form_expected_response, $ajax_result[3]); + } + +}