class FormJSAddMoreTest in Drupal 10

Tests add more behavior for a multiple value field.

@group field

Hierarchy

• class \Drupal\Tests\BrowserTestBase extends \PHPUnit\Framework\TestCase uses \Drupal\Tests\PhpUnitCompatibilityTrait, \Symfony\Bridge\PhpUnit\ExpectDeprecationTrait, FunctionalTestSetupTrait, TestSetupTrait, BlockCreationTrait, ConfigTestTrait, ExtensionListTestTrait, ContentTypeCreationTrait, NodeCreationTrait, RandomGeneratorTrait, TestRequirementsTrait, PhpUnitWarnings, UiHelperTrait, UserCreationTrait, XdebugRequestTrait
  • class \Drupal\FunctionalJavascriptTests\WebDriverTestBase
    • class \Drupal\Tests\field\FunctionalJavascript\FormJSAddMoreTest

File

core/modules/field/tests/src/FunctionalJavascript/FormJSAddMoreTest.php, line 16

Namespace

Drupal\Tests\field\FunctionalJavascript

class FormJSAddMoreTest extends WebDriverTestBase {

  /**
   * {@inheritdoc}
   */
  protected static $modules = [
    'field_test',
    'entity_test',
  ];

  /**
   * {@inheritdoc}
   */
  protected $defaultTheme = 'stark';

  /**
   * {@inheritdoc}
   */
  protected function setUp() : void {
    parent::setUp();
    $account = $this
      ->drupalCreateUser([
      'view test entity',
      'administer entity_test content',
    ]);
    $this
      ->drupalLogin($account);
    $field = [
      'field_name' => 'field_unlimited',
      'entity_type' => 'entity_test',
      'bundle' => 'entity_test',
      'label' => $this
        ->randomMachineName() . '_label',
      'description' => '[site:name]_description',
      'weight' => mt_rand(0, 127),
      'settings' => [
        'test_field_setting' => $this
          ->randomMachineName(),
      ],
    ];
    FieldStorageConfig::create([
      'field_name' => 'field_unlimited',
      'entity_type' => 'entity_test',
      'type' => 'test_field',
      'cardinality' => FieldStorageDefinitionInterface::CARDINALITY_UNLIMITED,
    ])
      ->save();
    FieldConfig::create($field)
      ->save();
    $entity_form_display = EntityFormDisplay::load($field['entity_type'] . '.' . $field['bundle'] . '.default');
    $entity_form_display
      ->setComponent($field['field_name'])
      ->save();
  }

  /**
   * Tests the 'Add more' functionality.
   */
  public function testFieldFormJsAddMore() {
    $this
      ->drupalGet('entity_test/add');
    $assert_session = $this
      ->assertSession();
    $page = $this
      ->getSession()
      ->getPage();
    $add_more_button = $page
      ->findButton('field_unlimited_add_more');

    // First set a value on the first input field.
    $field_0 = $page
      ->findField('field_unlimited[0][value]');
    $field_0
      ->setValue('1');

    // Add another item.
    $add_more_button
      ->click();
    $field_1 = $assert_session
      ->waitForField('field_unlimited[1][value]');
    $this
      ->assertNotEmpty($field_1, 'Successfully added another item.');

    // Validate the value of the first field has not changed.
    $this
      ->assertEquals('1', $field_0
      ->getValue(), 'Value for the first item has not changed.');

    // Validate the value of the second item is empty.
    $this
      ->assertEmpty($field_1
      ->getValue(), 'Value for the second item is currently empty.');

    // Add another item.
    $add_more_button
      ->click();
    $field_2 = $assert_session
      ->waitForField('field_unlimited[2][value]');
    $this
      ->assertNotEmpty($field_2, 'Successfully added another item.');

    // Set values for the 2nd and 3rd fields to validate dragging.
    $field_1
      ->setValue('2');
    $field_2
      ->setValue('3');
    $field_weight_0 = $page
      ->findField('field_unlimited[0][_weight]');
    $field_weight_1 = $page
      ->findField('field_unlimited[1][_weight]');
    $field_weight_2 = $page
      ->findField('field_unlimited[2][_weight]');

    // Assert starting situation matches expectations.
    $this
      ->assertGreaterThan($field_weight_0
      ->getValue(), $field_weight_1
      ->getValue());
    $this
      ->assertGreaterThan($field_weight_1
      ->getValue(), $field_weight_2
      ->getValue());

    // Drag the first row after the third row.
    $dragged = $field_0
      ->find('xpath', 'ancestor::tr[contains(@class, "draggable")]//a[@class="tabledrag-handle"]');
    $target = $field_2
      ->find('xpath', 'ancestor::tr[contains(@class, "draggable")]');
    $dragged
      ->dragTo($target);

    // Assert the order of items is updated correctly after dragging.
    $this
      ->assertGreaterThan($field_weight_2
      ->getValue(), $field_weight_0
      ->getValue());
    $this
      ->assertGreaterThan($field_weight_1
      ->getValue(), $field_weight_2
      ->getValue());

    // Validate the order of items conforms to the last drag action after a
    // updating the form via the server.
    $add_more_button
      ->click();
    $field_3 = $assert_session
      ->waitForField('field_unlimited[3][value]');
    $this
      ->assertNotEmpty($field_3);
    $this
      ->assertGreaterThan($field_weight_2
      ->getValue(), $field_weight_0
      ->getValue());
    $this
      ->assertGreaterThan($field_weight_1
      ->getValue(), $field_weight_2
      ->getValue());

    // Validate no extraneous widget is displayed.
    $element = $page
      ->findField('field_unlimited[4][value]');
    $this
      ->assertEmpty($element);
  }

}