.../QuickEditIntegrationTest.php | 311 +------------------ .../QuickEditJavaScriptTestBase.php | 337 +++++++++++++++++++++ 2 files changed, 339 insertions(+), 309 deletions(-) diff --git a/core/modules/quickedit/tests/src/FunctionalJavaScript/QuickEditIntegrationTest.php b/core/modules/quickedit/tests/src/FunctionalJavaScript/QuickEditIntegrationTest.php index 236e70e..a990f02 100644 --- a/core/modules/quickedit/tests/src/FunctionalJavaScript/QuickEditIntegrationTest.php +++ b/core/modules/quickedit/tests/src/FunctionalJavaScript/QuickEditIntegrationTest.php @@ -13,14 +13,14 @@ /** * @group quickedit */ -class QuickEditIntegrationTest extends JavascriptTestBase { +class QuickEditIntegrationTest extends QuickEditJavaScriptTestBase { use EntityReferenceTestTrait; /** * {@inheritdoc} */ - public static $modules = ['node', 'editor', 'ckeditor', 'contextual', 'quickedit', 'toolbar', 'taxonomy']; + public static $modules = ['node', 'editor', 'ckeditor', 'taxonomy']; /** * A user with permissions to edit Articles and use Quick Edit. @@ -29,19 +29,6 @@ class QuickEditIntegrationTest extends JavascriptTestBase { */ protected $contentAuthorUser; - protected static $expectedFieldStateAttributes = [ - 'inactive' => '.quickedit-field:not(.quickedit-editable):not(.quickedit-candidate):not(.quickedit-highlighted):not(.quickedit-editing):not(.quickedit-changed)', - // A field in 'candidate' state may still have the .quickedit-changed class - // because when its changes were saved to tempstore, it'll still be changed. - // It's just not currently being edited, so that's why it is not in the - // 'changed' state. - 'candidate' => '.quickedit-field.quickedit-editable.quickedit-candidate:not(.quickedit-highlighted):not(.quickedit-editing)', - 'activating' => '.quickedit-field.quickedit-editable.quickedit-candidate.quickedit-highlighted.quickedit-editing:not(.quickedit-changed)', - 'active' => '.quickedit-field.quickedit-editable.quickedit-candidate.quickedit-highlighted.quickedit-editing:not(.quickedit-changed)', - 'changed' => '.quickedit-field.quickedit-editable.quickedit-candidate.quickedit-highlighted.quickedit-editing.quickedit-changed', - 'saving' => '.quickedit-field.quickedit-editable.quickedit-candidate.quickedit-highlighted.quickedit-editing.quickedit-changed', - ]; - /** * {@inheritdoc} */ @@ -265,298 +252,4 @@ public function testArticleNode() { // @todo test custom block - /** - * Starts in-place editing of the given entity instance. - * - * @param $entity_type_id - * The entity type ID. - * @param $entity_id - * The entity ID. - * @param $entity_instance_id - * The entity instance ID. (Instance on the page.) - */ - protected function startQuickEditViaToolbar($entity_type_id, $entity_id, $entity_instance_id) { - $page = $this->getSession()->getPage(); - - $toolbar_edit_button_selector = '#toolbar-bar .contextual-toolbar-tab button'; - $entity_instance_selector = '[data-quickedit-entity-id="' . $entity_type_id . '/' . $entity_id . '"][data-quickedit-entity-instance-id="' . $entity_instance_id . '"]'; - $contextual_links_trigger_selector = '[data-contextual-id] > .trigger'; - - // Assert the original page state does not have the toolbar's "Edit" button - // pressed/activated, and hence none of the contextual link triggers should - // be visible. - $toolbar_edit_button = $page->find('css', $toolbar_edit_button_selector); - $this->assertSame('false', $toolbar_edit_button->getAttribute('aria-pressed'), 'The "Edit" button in the toolbar is not yet pressed.'); - $this->assertFalse($toolbar_edit_button->hasClass('is-active'), 'The "Edit" button in the toolbar is not yet marked as active.'); - foreach ($page->findAll('css', $contextual_links_trigger_selector) as $dom_node) { - /** @var \Behat\Mink\Element\NodeElement $dom_node */ - $this->assertTrue($dom_node->hasClass('visually-hidden'), 'The contextual links trigger "' . $dom_node->getParent()->getAttribute('data-contextual-id') .'" is hidden.'); - } - $this->assertTrue(TRUE, 'All contextual links triggers are hidden.'); - - // Click the "Edit" button in the toolbar. - $this->click($toolbar_edit_button_selector); - - // Assert the toolbar's "Edit" button is now pressed/activated, and hence - // allof the contextual link triggers should be visible. - $this->assertSame('true', $toolbar_edit_button->getAttribute('aria-pressed'), 'The "Edit" button in the toolbar is pressed.'); - $this->assertTrue($toolbar_edit_button->hasClass('is-active'), 'The "Edit" button in the toolbar is marked as active.'); - foreach ($page->findAll('css', $contextual_links_trigger_selector) as $dom_node) { - /** @var \Behat\Mink\Element\NodeElement $dom_node */ - $this->assertFalse($dom_node->hasClass('visually-hidden'), 'The contextual links trigger "' . $dom_node->getParent()->getAttribute('data-contextual-id') .'" is visible.'); - } - $this->assertTrue(TRUE, 'All contextual links triggers are visible.'); - - // @todo Press tab key to verify that tabbing is now contrained to only - // contextual links triggers. - - // Assert that the contextual links associated with the entity's contextual - // links trigger are not visible. - /** @var \Behat\Mink\Element\NodeElement $entity_contextual_links_container */ - $entity_contextual_links_container = $page->find('css', $entity_instance_selector) - ->find('css', $contextual_links_trigger_selector) - ->getParent(); - $this->assertFalse($entity_contextual_links_container->hasClass('open')); - $this->assertTrue($entity_contextual_links_container->find('css', 'ul.contextual-links')->hasAttribute('hidden')); - - // Click the contextual link trigger for the entity we want to Quick Edit. - $this->click($entity_instance_selector . ' ' . $contextual_links_trigger_selector); - - $this->assertTrue($entity_contextual_links_container->hasClass('open')); - $this->assertFalse($entity_contextual_links_container->find('css', 'ul.contextual-links')->hasAttribute('hidden')); - - // Click the "Quick edit" contextual link. - $this->click($entity_instance_selector . ' [data-contextual-id] ul.contextual-links li.quickedit a'); - - // Assert the Quick Edit internal state is correct. - $js_condition = <<assertJsCondition($js_condition); - } - - // @todo startViaMouseOver - - /** - * Clicks the 'Save' button in the Quick Edit entity toolbar. - */ - protected function saveQuickEdit() { - $quickedit_entity_toolbar = $this->getSession()->getPage()->findById('quickedit-entity-toolbar'); - $save_button = $quickedit_entity_toolbar->find('css', 'button.action-save'); - $save_button->press(); - $this->assertSame('Saving', $save_button->getText()); - } - - /** - * Awaits Quick Edit to be initiated for all instances of the given entity. - * - * @param $entity_type_id - * The entity type ID. - * @param $entity_id - * The entity ID. - */ - protected function awaitQuickEditForEntity($entity_type_id, $entity_id) { - $entity_selector = '[data-quickedit-entity-id="' . $entity_type_id . '/' . $entity_id . '"]'; - $condition = "document.querySelectorAll('" . $entity_selector . "').length === document.querySelectorAll('" . $entity_selector . " .quickedit').length"; - $this->assertJsCondition($condition, 10000); - } - - /** - * Awaits a particular field instance to reach a particular state. - * - * @param string $entity_type_id - * The entity type ID. - * @param string $entity_id - * The entity ID. - * @param string $entity_instance_id - * The entity instance ID. (Instance on the page.) - * @param string $field_name - * The field name. - * @param string $langcode - * The language code. - * @param string $awaited_state - * One of the possible field states. - */ - protected function awaitEntityInstanceFieldState($entity_type_id, $entity_id, $entity_instance_id, $field_name, $langcode, $awaited_state) { - $entity_page_id = $entity_type_id . '/' . $entity_id . '[' . $entity_instance_id . ']'; - $logical_field_id = $entity_type_id . '/' . $entity_id . '/' . $field_name . '/' . $langcode; - $this->assertJsCondition("Drupal.quickedit.collections.entities.get('$entity_page_id').get('fields').findWhere({logicalFieldID: '$logical_field_id'}).get('state') === '$awaited_state';"); - } - - /** - * Asserts the state of the Quick Edit entity toolbar. - * - * @param string $expected_entity_label - * The expected label in the Quick Edit Entity Toolbar. - */ - protected function assertQuickEditEntityToolbar($expected_entity_label, $expected_field_label) { - $quickedit_entity_toolbar = $this->getSession()->getPage()->findById('quickedit-entity-toolbar'); - // We cannot use ->getText() because it also returns the text of all child - // nodes. So we use XPath to select only the text node. - $this->assertSame($expected_entity_label, $quickedit_entity_toolbar->find('css', '.quickedit-toolbar-label')->find('xpath', 'text()')->getText()); - if ($expected_field_label !== NULL) { - $this->assertSame($expected_field_label, $quickedit_entity_toolbar->find('css', '.quickedit-toolbar-label > .field')->getText()); - } - else { - $this->assertFalse($quickedit_entity_toolbar->find('css', '.quickedit-toolbar-label > .field')); - } - } - - /** - * Asserts all EntityModels (entity instances) on the page. - * - * @see Drupal.quickedit.EntityModel - * - * @param array $expected_entity_states - * Must describe the expected state of all in-place editable entity - * instances on the page. - */ - protected function assertEntityInstanceStates(array $expected_entity_states) { - $js_get_all_field_states_for_entity = <<assertSame($expected_entity_states, $this->getSession()->evaluateScript($js_get_all_field_states_for_entity)); - } - - /** - * Asserts all FieldModels for the given entity instance. - * - * @param $entity_type_id - * The entity type ID. - * @param $entity_id - * The entity ID. - * @param $entity_instance_id - * The entity instance ID. (Instance on the page.) - * @param array $expected_field_states - * Must describe the expected state of all in-place editable fields of the - * given entity instance. - */ - protected function assertEntityInstanceFieldStates($entity_type_id, $entity_id, $entity_instance_id, array $expected_field_states) { - // Get all FieldModel states for the entity instance being asserted. This - // ensures that $expected_field_states must describe the state of all fields - // of the entity instance. - $entity_page_id = $entity_type_id . '/' . $entity_id . '[' . $entity_instance_id . ']'; - $js_get_all_field_states_for_entity = <<assertSame($expected_field_states, $this->getSession()->evaluateScript($js_get_all_field_states_for_entity)); - - // Assert that those fields also have the appropriate DOM decorations. - $expected_field_attributes = []; - foreach ($expected_field_states as $quickedit_field_id => $expected_field_state) { - $expected_field_attributes[$quickedit_field_id] = static::$expectedFieldStateAttributes[$expected_field_state]; - } - $this->assertEntityInstanceFieldMarkup($entity_type_id, $entity_id, $entity_instance_id, $expected_field_attributes); - } - - /** - * Asserts all in-place editable fields with markup expectations. - * - * @param $entity_type_id - * The entity type ID. - * @param $entity_id - * The entity ID. - * @param $entity_instance_id - * The entity instance ID. (Instance on the page.) - * @param array $expected_field_attributes - * Must describe the expected markup attributes for all given in-place - * editable fields. - */ - protected function assertEntityInstanceFieldMarkup($entity_type_id, $entity_id, $entity_instance_id, array $expected_field_attributes) { - $entity_page_id = $entity_type_id . '/' . $entity_id . '[' . $entity_instance_id . ']'; - $expected_field_attributes_json = json_encode($expected_field_attributes); - $js_match_field_element_attributes = <<getSession()->evaluateScript($js_match_field_element_attributes); - foreach ($expected_field_attributes as $quickedit_field_id => $expectation) { - $this->assertSame(TRUE, $result[$quickedit_field_id], 'Field ' . $quickedit_field_id . ' did not match its expectation selector (' . $expectation . '), actual HTML: ' . $result[$quickedit_field_id]); - } - } - - /** - * Simulates typing in a 'plain_text' in-place editor. - * - * @param string $css_selector - * The CSS selector to find the DOM element (with the 'contenteditable=true' - * attribute set), to type in. - * @param $text - * The text to type. - * - * @see \Drupal\quickedit\Plugin\InPlaceEditor\PlainTextEditor - */ - protected function typeInPlainTextEditor($css_selector, $text) { - // @todo Clean this up once PhantomJS is fixed, see http://sticksnglue.com/wordpress/phantomjs-1-9-and-keyboardevent/. - $js_simulate_user_typing = <<getSession()->evaluateScript($js_simulate_user_typing); - } - - /** - * Awaits the 'form' in-place editor. - */ - protected function awaitFormEditor() { - // Assert the "Loading…" popup appears. - $this->assertSession()->elementExists('css', '.quickedit-form-container > .quickedit-form[role="dialog"] > .placeholder'); - // Wait for the form to load. - $this->assertJsCondition('document.querySelector(\'.quickedit-form-container > .quickedit-form[role="dialog"] > .placeholder\') === null'); - } - - /** - * Simulates typing in an input[type=text] inside a 'form' in-place editor. - * - * @param string $input_name - * The "name" attribute of the input[type=text] to type in. - * @param $text - * The text to type. - * - * @see \Drupal\quickedit\Plugin\InPlaceEditor\FormEditor - */ - protected function typeInFormEditorTextInputField($input_name, $text) { - $input = $this->cssSelect('.quickedit-form-container > .quickedit-form[role="dialog"] form.quickedit-field-form input[type=text][name="' . $input_name . '"]')[0]; - $input->setValue($text); - $js_simulate_user_typing = << .quickedit-form[role="dialog"] form.quickedit-field-form input[name="$input_name"]'); - window.jQuery(el).trigger('formUpdated'); -}() -JS; - $this->getSession()->evaluateScript($js_simulate_user_typing); - } - } diff --git a/core/modules/quickedit/tests/src/FunctionalJavaScript/QuickEditJavaScriptTestBase.php b/core/modules/quickedit/tests/src/FunctionalJavaScript/QuickEditJavaScriptTestBase.php index e69de29..3e0544c 100644 --- a/core/modules/quickedit/tests/src/FunctionalJavaScript/QuickEditJavaScriptTestBase.php +++ b/core/modules/quickedit/tests/src/FunctionalJavaScript/QuickEditJavaScriptTestBase.php @@ -0,0 +1,337 @@ + '.quickedit-field:not(.quickedit-editable):not(.quickedit-candidate):not(.quickedit-highlighted):not(.quickedit-editing):not(.quickedit-changed)', + // A field in 'candidate' state may still have the .quickedit-changed class + // because when its changes were saved to tempstore, it'll still be changed. + // It's just not currently being edited, so that's why it is not in the + // 'changed' state. + 'candidate' => '.quickedit-field.quickedit-editable.quickedit-candidate:not(.quickedit-highlighted):not(.quickedit-editing)', + 'activating' => '.quickedit-field.quickedit-editable.quickedit-candidate.quickedit-highlighted.quickedit-editing:not(.quickedit-changed)', + 'active' => '.quickedit-field.quickedit-editable.quickedit-candidate.quickedit-highlighted.quickedit-editing:not(.quickedit-changed)', + 'changed' => '.quickedit-field.quickedit-editable.quickedit-candidate.quickedit-highlighted.quickedit-editing.quickedit-changed', + 'saving' => '.quickedit-field.quickedit-editable.quickedit-candidate.quickedit-highlighted.quickedit-editing.quickedit-changed', + ]; + + /** + * Starts in-place editing of the given entity instance. + * + * @param $entity_type_id + * The entity type ID. + * @param $entity_id + * The entity ID. + * @param $entity_instance_id + * The entity instance ID. (Instance on the page.) + */ + protected function startQuickEditViaToolbar($entity_type_id, $entity_id, $entity_instance_id) { + $page = $this->getSession()->getPage(); + + $toolbar_edit_button_selector = '#toolbar-bar .contextual-toolbar-tab button'; + $entity_instance_selector = '[data-quickedit-entity-id="' . $entity_type_id . '/' . $entity_id . '"][data-quickedit-entity-instance-id="' . $entity_instance_id . '"]'; + $contextual_links_trigger_selector = '[data-contextual-id] > .trigger'; + + // Assert the original page state does not have the toolbar's "Edit" button + // pressed/activated, and hence none of the contextual link triggers should + // be visible. + $toolbar_edit_button = $page->find('css', $toolbar_edit_button_selector); + $this->assertSame('false', $toolbar_edit_button->getAttribute('aria-pressed'), 'The "Edit" button in the toolbar is not yet pressed.'); + $this->assertFalse($toolbar_edit_button->hasClass('is-active'), 'The "Edit" button in the toolbar is not yet marked as active.'); + foreach ($page->findAll('css', $contextual_links_trigger_selector) as $dom_node) { + /** @var \Behat\Mink\Element\NodeElement $dom_node */ + $this->assertTrue($dom_node->hasClass('visually-hidden'), 'The contextual links trigger "' . $dom_node->getParent()->getAttribute('data-contextual-id') .'" is hidden.'); + } + $this->assertTrue(TRUE, 'All contextual links triggers are hidden.'); + + // Click the "Edit" button in the toolbar. + $this->click($toolbar_edit_button_selector); + + // Assert the toolbar's "Edit" button is now pressed/activated, and hence + // allof the contextual link triggers should be visible. + $this->assertSame('true', $toolbar_edit_button->getAttribute('aria-pressed'), 'The "Edit" button in the toolbar is pressed.'); + $this->assertTrue($toolbar_edit_button->hasClass('is-active'), 'The "Edit" button in the toolbar is marked as active.'); + foreach ($page->findAll('css', $contextual_links_trigger_selector) as $dom_node) { + /** @var \Behat\Mink\Element\NodeElement $dom_node */ + $this->assertFalse($dom_node->hasClass('visually-hidden'), 'The contextual links trigger "' . $dom_node->getParent()->getAttribute('data-contextual-id') .'" is visible.'); + } + $this->assertTrue(TRUE, 'All contextual links triggers are visible.'); + + // @todo Press tab key to verify that tabbing is now contrained to only + // contextual links triggers. + + // Assert that the contextual links associated with the entity's contextual + // links trigger are not visible. + /** @var \Behat\Mink\Element\NodeElement $entity_contextual_links_container */ + $entity_contextual_links_container = $page->find('css', $entity_instance_selector) + ->find('css', $contextual_links_trigger_selector) + ->getParent(); + $this->assertFalse($entity_contextual_links_container->hasClass('open')); + $this->assertTrue($entity_contextual_links_container->find('css', 'ul.contextual-links')->hasAttribute('hidden')); + + // Click the contextual link trigger for the entity we want to Quick Edit. + $this->click($entity_instance_selector . ' ' . $contextual_links_trigger_selector); + + $this->assertTrue($entity_contextual_links_container->hasClass('open')); + $this->assertFalse($entity_contextual_links_container->find('css', 'ul.contextual-links')->hasAttribute('hidden')); + + // Click the "Quick edit" contextual link. + $this->click($entity_instance_selector . ' [data-contextual-id] ul.contextual-links li.quickedit a'); + + // Assert the Quick Edit internal state is correct. + $js_condition = <<assertJsCondition($js_condition); + } + + // @todo startViaMouseOver + + /** + * Clicks the 'Save' button in the Quick Edit entity toolbar. + */ + protected function saveQuickEdit() { + $quickedit_entity_toolbar = $this->getSession()->getPage()->findById('quickedit-entity-toolbar'); + $save_button = $quickedit_entity_toolbar->find('css', 'button.action-save'); + $save_button->press(); + $this->assertSame('Saving', $save_button->getText()); + } + + /** + * Awaits Quick Edit to be initiated for all instances of the given entity. + * + * @param $entity_type_id + * The entity type ID. + * @param $entity_id + * The entity ID. + */ + protected function awaitQuickEditForEntity($entity_type_id, $entity_id) { + $entity_selector = '[data-quickedit-entity-id="' . $entity_type_id . '/' . $entity_id . '"]'; + $condition = "document.querySelectorAll('" . $entity_selector . "').length === document.querySelectorAll('" . $entity_selector . " .quickedit').length"; + $this->assertJsCondition($condition, 10000); + } + + /** + * Awaits a particular field instance to reach a particular state. + * + * @param string $entity_type_id + * The entity type ID. + * @param string $entity_id + * The entity ID. + * @param string $entity_instance_id + * The entity instance ID. (Instance on the page.) + * @param string $field_name + * The field name. + * @param string $langcode + * The language code. + * @param string $awaited_state + * One of the possible field states. + */ + protected function awaitEntityInstanceFieldState($entity_type_id, $entity_id, $entity_instance_id, $field_name, $langcode, $awaited_state) { + $entity_page_id = $entity_type_id . '/' . $entity_id . '[' . $entity_instance_id . ']'; + $logical_field_id = $entity_type_id . '/' . $entity_id . '/' . $field_name . '/' . $langcode; + $this->assertJsCondition("Drupal.quickedit.collections.entities.get('$entity_page_id').get('fields').findWhere({logicalFieldID: '$logical_field_id'}).get('state') === '$awaited_state';"); + } + + /** + * Asserts the state of the Quick Edit entity toolbar. + * + * @param string $expected_entity_label + * The expected label in the Quick Edit Entity Toolbar. + */ + protected function assertQuickEditEntityToolbar($expected_entity_label, $expected_field_label) { + $quickedit_entity_toolbar = $this->getSession()->getPage()->findById('quickedit-entity-toolbar'); + // We cannot use ->getText() because it also returns the text of all child + // nodes. So we use XPath to select only the text node. + $this->assertSame($expected_entity_label, $quickedit_entity_toolbar->find('css', '.quickedit-toolbar-label')->find('xpath', 'text()')->getText()); + if ($expected_field_label !== NULL) { + $this->assertSame($expected_field_label, $quickedit_entity_toolbar->find('css', '.quickedit-toolbar-label > .field')->getText()); + } + else { + $this->assertFalse($quickedit_entity_toolbar->find('css', '.quickedit-toolbar-label > .field')); + } + } + + /** + * Asserts all EntityModels (entity instances) on the page. + * + * @see Drupal.quickedit.EntityModel + * + * @param array $expected_entity_states + * Must describe the expected state of all in-place editable entity + * instances on the page. + */ + protected function assertEntityInstanceStates(array $expected_entity_states) { + $js_get_all_field_states_for_entity = <<assertSame($expected_entity_states, $this->getSession()->evaluateScript($js_get_all_field_states_for_entity)); + } + + /** + * Asserts all FieldModels for the given entity instance. + * + * @param $entity_type_id + * The entity type ID. + * @param $entity_id + * The entity ID. + * @param $entity_instance_id + * The entity instance ID. (Instance on the page.) + * @param array $expected_field_states + * Must describe the expected state of all in-place editable fields of the + * given entity instance. + */ + protected function assertEntityInstanceFieldStates($entity_type_id, $entity_id, $entity_instance_id, array $expected_field_states) { + // Get all FieldModel states for the entity instance being asserted. This + // ensures that $expected_field_states must describe the state of all fields + // of the entity instance. + $entity_page_id = $entity_type_id . '/' . $entity_id . '[' . $entity_instance_id . ']'; + $js_get_all_field_states_for_entity = <<assertSame($expected_field_states, $this->getSession()->evaluateScript($js_get_all_field_states_for_entity)); + + // Assert that those fields also have the appropriate DOM decorations. + $expected_field_attributes = []; + foreach ($expected_field_states as $quickedit_field_id => $expected_field_state) { + $expected_field_attributes[$quickedit_field_id] = static::$expectedFieldStateAttributes[$expected_field_state]; + } + $this->assertEntityInstanceFieldMarkup($entity_type_id, $entity_id, $entity_instance_id, $expected_field_attributes); + } + + /** + * Asserts all in-place editable fields with markup expectations. + * + * @param $entity_type_id + * The entity type ID. + * @param $entity_id + * The entity ID. + * @param $entity_instance_id + * The entity instance ID. (Instance on the page.) + * @param array $expected_field_attributes + * Must describe the expected markup attributes for all given in-place + * editable fields. + */ + protected function assertEntityInstanceFieldMarkup($entity_type_id, $entity_id, $entity_instance_id, array $expected_field_attributes) { + $entity_page_id = $entity_type_id . '/' . $entity_id . '[' . $entity_instance_id . ']'; + $expected_field_attributes_json = json_encode($expected_field_attributes); + $js_match_field_element_attributes = <<getSession()->evaluateScript($js_match_field_element_attributes); + foreach ($expected_field_attributes as $quickedit_field_id => $expectation) { + $this->assertSame(TRUE, $result[$quickedit_field_id], 'Field ' . $quickedit_field_id . ' did not match its expectation selector (' . $expectation . '), actual HTML: ' . $result[$quickedit_field_id]); + } + } + + /** + * Simulates typing in a 'plain_text' in-place editor. + * + * @param string $css_selector + * The CSS selector to find the DOM element (with the 'contenteditable=true' + * attribute set), to type in. + * @param $text + * The text to type. + * + * @see \Drupal\quickedit\Plugin\InPlaceEditor\PlainTextEditor + */ + protected function typeInPlainTextEditor($css_selector, $text) { + // @todo Clean this up once PhantomJS is fixed, see http://sticksnglue.com/wordpress/phantomjs-1-9-and-keyboardevent/. + $js_simulate_user_typing = <<getSession()->evaluateScript($js_simulate_user_typing); + } + + /** + * Awaits the 'form' in-place editor. + */ + protected function awaitFormEditor() { + // Assert the "Loading…" popup appears. + $this->assertSession()->elementExists('css', '.quickedit-form-container > .quickedit-form[role="dialog"] > .placeholder'); + // Wait for the form to load. + $this->assertJsCondition('document.querySelector(\'.quickedit-form-container > .quickedit-form[role="dialog"] > .placeholder\') === null'); + } + + /** + * Simulates typing in an input[type=text] inside a 'form' in-place editor. + * + * @param string $input_name + * The "name" attribute of the input[type=text] to type in. + * @param $text + * The text to type. + * + * @see \Drupal\quickedit\Plugin\InPlaceEditor\FormEditor + */ + protected function typeInFormEditorTextInputField($input_name, $text) { + $input = $this->cssSelect('.quickedit-form-container > .quickedit-form[role="dialog"] form.quickedit-field-form input[type=text][name="' . $input_name . '"]')[0]; + $input->setValue($text); + $js_simulate_user_typing = << .quickedit-form[role="dialog"] form.quickedit-field-form input[name="$input_name"]'); + window.jQuery(el).trigger('formUpdated'); +}() +JS; + $this->getSession()->evaluateScript($js_simulate_user_typing); + } + +}