ColorPickerWidgetTest.php

<?php

namespace Drupal\Tests\field_example\Functional;

use Drupal\Component\Render\FormattableMarkup;

/**
 * Test the basic functionality of Color Picker Widget.
 *
 * Create the content type with field_example_rgb field, and configure it
 * with field_example_colorpicker, then create a node of content type
 * and verify the values.
 *
 * @group field_example
 * @group examples
 *
 * @ingroup field_example
 */
class ColorPickerWidgetTest extends FieldExampleBrowserTestBase {
    
    /**
     * Field example scenario tests.
     *
     * The following scenarios:
     * - Creates a content type.
     * - Adds a single-valued field_example_rgb to it.
     * - Creates a node of the new type.
     * - Populates the single-valued field.
     * - Tests the result.
     */
    public function testSingleValueField() {
        $assert = $this->assertSession();
        // Login with Admin and create a field.
        $this->drupalLogin($this->administratorAccount);
        $this->fieldName = $this->createField('field_example_rgb', 'field_example_colorpicker', '1');
        // Login with Author user for content creation.
        $this->drupalLogin($this->authorAccount);
        $this->drupalGet('node/add/' . $this->contentTypeName);
        // Details to be submitted for content creation.
        $title = $this->randomMachineName(20);
        $edit = [
            'title[0][value]' => $title,
            'field_' . $this->fieldName . '[0][value]' => '#00ff00',
        ];
        // Submit the content creation form.
        $this->submitForm($edit, 'Save');
        $assert->pageTextContains((string) new FormattableMarkup('@type @title has been created', [
            '@type' => $this->contentTypeName,
            '@title' => $title,
        ]));
        // Verify color.
        $assert->pageTextContains('The color code in this field is #00ff00');
    }
    
    /**
     * Field example scenario tests.
     *
     * The following scenarios:
     * - Creates a content type.
     * - Adds a multivalued field_example_rgb to it.
     * - Creates a node of the new type.
     * - Populates the multivalued field with two items.
     * - Tests the result.
     */
    public function testMultiValueField() {
        $assert = $this->assertSession();
        // Login with Admin and create a field.
        $this->drupalLogin($this->administratorAccount);
        $this->fieldName = $this->createField('field_example_rgb', 'field_example_colorpicker', '-1');
        // Login with Author user for content creation.
        $this->drupalLogin($this->authorAccount);
        $this->drupalGet('node/add/' . $this->contentTypeName);
        // Details to be submitted for content creation.
        $title = $this->randomMachineName(20);
        $edit = [
            'title[0][value]' => $title,
            'field_' . $this->fieldName . '[0][value]' => '#00ff00',
        ];
        // Add another field value.
        $this->submitForm($edit, 'Add another item');
        // Set value for newly added item.
        $edit = [
            'field_' . $this->fieldName . '[1][value]' => '#ffffff',
        ];
        // Submit the content creation form.
        $this->submitForm($edit, 'Save');
        $assert->pageTextContains((string) new FormattableMarkup('@type @title has been created', [
            '@type' => $this->contentTypeName,
            '@title' => $title,
        ]));
        // Verify color.
        $assert->pageTextContains('The color code in this field is #00ff00');
        $assert->pageTextContains('The color code in this field is #ffffff');
    }

}