public function WebformElementCodeMirrorTest::testCodeMirror in Webform 8.5

Same name and namespace in other branches

1. 6.x tests/src/Functional/Element/WebformElementCodeMirrorTest.php \Drupal\Tests\webform\Functional\Element\WebformElementCodeMirrorTest::testCodeMirror()

Tests CodeMirror element.

File

tests/src/Functional/Element/WebformElementCodeMirrorTest.php, line 22

Class

WebformElementCodeMirrorTest

Tests for webform CodeMirror element.

Namespace

Drupal\Tests\webform\Functional\Element

Code

public function testCodeMirror() {

  /**************************************************************************/

  // code:text

  /**************************************************************************/

  // Check Text.
  $this
    ->drupalGet('/webform/test_element_codemirror');
  $this
    ->assertRaw('<label for="edit-text-basic">text_basic</label>');
  $this
    ->assertRaw('<textarea data-drupal-selector="edit-text-basic" class="js-webform-codemirror webform-codemirror text form-textarea" data-webform-codemirror-mode="text/plain" id="edit-text-basic" name="text_basic" rows="5" cols="60">Hello</textarea>');

  // Check Text with no wrap.
  $this
    ->drupalGet('/webform/test_element_codemirror');
  $this
    ->assertRaw('<label for="edit-text-basic-no-wrap">text_basic_no_wrap</label>');
  $this
    ->assertRaw('<textarea data-drupal-selector="edit-text-basic-no-wrap" wrap="off" class="js-webform-codemirror webform-codemirror text form-textarea" data-webform-codemirror-mode="text/plain" id="edit-text-basic-no-wrap" name="text_basic_no_wrap" rows="5" cols="60">');

  /**************************************************************************/

  // code:yaml

  /**************************************************************************/

  // Check YAML.
  $this
    ->drupalGet('/webform/test_element_codemirror');
  $this
    ->assertRaw('<label for="edit-yaml-basic">yaml_basic</label>');
  $this
    ->assertRaw('<textarea data-drupal-selector="edit-yaml-basic" class="js-webform-codemirror webform-codemirror yaml form-textarea" data-webform-codemirror-mode="text/x-yaml" id="edit-yaml-basic" name="yaml_basic" rows="5" cols="60">test: hello</textarea>');

  // Check default value decoding.
  $this
    ->drupalPostForm('/webform/test_element_codemirror', [], 'Submit');
  $this
    ->assertRaw("yaml_basic: 'test: hello'\nyaml_array:\n  one: One\n  two: Two\n  three: Three\nyaml_indexed_array:\n  - one\nyaml_indexed_associative_array:\n  - one: One\nyaml_decode_value:\n  test: hello");

  // Check invalid YAML.
  $edit = [
    'yaml_basic' => "'not: valid",
  ];
  $this
    ->drupalPostForm('/webform/test_element_codemirror', $edit, 'Submit');
  $this
    ->assertRaw('<em class="placeholder">yaml_basic</em> is not valid.');

  // Check valid YAML.
  $edit = [
    'yaml_basic' => 'is: valid',
  ];
  $this
    ->drupalPostForm('/webform/test_element_codemirror', $edit, 'Submit');
  $this
    ->assertNoRaw('<em class="placeholder">yaml_basic</em> is not valid.');

  /**************************************************************************/

  // code:html

  /**************************************************************************/

  // Check HTML.
  $this
    ->drupalGet('/webform/test_element_codemirror');
  $this
    ->assertRaw('<label for="edit-html-basic">html_basic</label>');
  $this
    ->assertRaw('<textarea data-drupal-selector="edit-html-basic" class="js-webform-codemirror webform-codemirror html form-textarea" data-webform-codemirror-mode="text/html" id="edit-html-basic" name="html_basic" rows="5" cols="60">&lt;b&gt;Hello&lt;/b&gt;</textarea>');

  // Check invalid HTML.
  $edit = [
    'html_basic' => "<b>bold</bold>",
  ];
  $this
    ->drupalPostForm('/webform/test_element_codemirror', $edit, 'Submit');
  $this
    ->assertRaw('<em class="placeholder">html_basic</em> is not valid.');
  $this
    ->assertRaw('expected &#039;&gt;&#039;');

  // Check valid HTML.
  $edit = [
    'html_basic' => '<b>bold</b>',
  ];
  $this
    ->drupalPostForm('/webform/test_element_codemirror', $edit, 'Submit');
  $this
    ->assertNoRaw('<em class="placeholder">html_basic</em> is not valid.');
  $this
    ->assertNoRaw('expected &#039;&gt;&#039;');

  /**************************************************************************/

  // code:twig

  /**************************************************************************/

  // Check disabled Twig editor.
  $this
    ->drupalGet('/webform/test_element_codemirror');
  $this
    ->assertRaw('<label for="edit-twig-basic">twig_basic</label>');
  $this
    ->assertRaw('<textarea data-drupal-selector="edit-twig-basic" disabled="disabled" class="js-webform-codemirror webform-codemirror twig form-textarea" data-webform-codemirror-mode="twig" id="edit-twig-basic" name="twig_basic" rows="5" cols="60">
{% set value = &quot;Hello&quot; %}
{{ value }}
</textarea>');

  // Login and enable Twig editor.
  $this
    ->drupalLogin($this->rootUser);

  // Check enabled Twig editor.
  $this
    ->drupalGet('/webform/test_element_codemirror');
  $this
    ->assertRaw('<textarea data-drupal-selector="edit-twig-basic" class="js-webform-codemirror webform-codemirror twig form-textarea" data-webform-codemirror-mode="twig" id="edit-twig-basic" name="twig_basic" rows="5" cols="60">
{% set value = &quot;Hello&quot; %}
{{ value }}
</textarea>');

  // Check that enabled Twig editor can be updated.
  $edit = [
    'twig_basic' => 'Can edit Twig template.',
  ];
  $this
    ->drupalPostForm('/webform/test_element_codemirror', $edit, 'Submit');
  $this
    ->assertRaw('Can edit Twig template.');

  // Check invalid Twig syntax.
  $edit = [
    'twig_basic' => "{{ value ",
  ];
  $this
    ->drupalPostForm('/webform/test_element_codemirror', $edit, 'Submit');
  $this
    ->assertRaw('<em class="placeholder">twig_basic</em> is not valid.');
  $this
    ->assertRaw('Unclosed &quot;variable&quot; in');
}