function FileFieldWidgetTest::testMultiValuedWidget

Tests upload and remove buttons for multiple multi-valued File fields.

File

core/modules/file/tests/src/FunctionalJavascript/FileFieldWidgetTest.php, line 65

Class

FileFieldWidgetTest

Tests the file field widget, single and multi-valued, using AJAX upload.

Namespace

Code

public function testMultiValuedWidget() : void {
  $type_name = 'article';
  $field_name = 'test_file_field_1';
  $field_name2 = 'test_file_field_2';
  $cardinality = 3;
  $this->createFileField($field_name, 'node', $type_name, [
    'cardinality' => $cardinality,
  ]);
  $this->createFileField($field_name2, 'node', $type_name, [
    'cardinality' => $cardinality,
  ]);
  $page = $this->getSession()
    ->getPage();
  $assert_session = $this->assertSession();
  $test_file = current($this->getTestFiles('text'));
  $test_file_path = \Drupal::service('file_system')->realpath($test_file->uri);
  $this->drupalGet("node/add/{$type_name}");
  foreach ([
    $field_name2,
    $field_name,
  ] as $each_field_name) {
    for ($delta = 0; $delta < 3; $delta++) {
      $page->attachFileToField('files[' . $each_field_name . '_' . $delta . '][]', $test_file_path);
      $this->assertNotNull($assert_session->waitForElementVisible('css', '[name="' . $each_field_name . '_' . $delta . '_remove_button"]'));
      $this->assertNull($assert_session->waitForButton($each_field_name . '_' . $delta . '_upload_button'));
    }
  }
  $num_expected_remove_buttons = 6;
  foreach ([
    $field_name,
    $field_name2,
  ] as $current_field_name) {
    // How many uploaded files for the current field are remaining.
    $remaining = 3;
    // Test clicking each "Remove" button. For extra robustness, test them out
    // of sequential order. They are 0-indexed, and get renumbered after each
    // iteration, so array(1, 1, 0) means:
    // - First remove the 2nd file.
    // - Then remove what is then the 2nd file (was originally the 3rd file).
    // - Then remove the first file.
    foreach ([
      1,
      1,
      0,
    ] as $delta) {
      // Ensure we have the expected number of Remove buttons, and that they
      // are numbered sequentially.
      $buttons = $this->xpath('//input[@type="submit" and @value="Remove"]');
      $this->assertCount($num_expected_remove_buttons, $buttons, 'There are ' . $num_expected_remove_buttons . ' "Remove" buttons displayed.');
      foreach ($buttons as $i => $button) {
        $key = $i >= $remaining ? $i - $remaining : $i;
        $check_field_name = $field_name2;
        if ($current_field_name == $field_name && $i < $remaining) {
          $check_field_name = $field_name;
        }
        $this->assertSame($check_field_name . '_' . $key . '_remove_button', $button->getAttribute('name'));
      }
      $button_name = $current_field_name . '_' . $delta . '_remove_button';
      $remove_button = $assert_session->waitForButton($button_name);
      $remove_button->click();
      $num_expected_remove_buttons--;
      $remaining--;
      // Ensure an "Upload" button for the current field is displayed with the
      // correct name.
      $upload_button_name = $current_field_name . '_' . $remaining . '_upload_button';
      $this->assertNotNull($assert_session->waitForButton($upload_button_name));
      $button = $this->assertSession()
        ->buttonExists($upload_button_name);
      $this->assertSame('Upload', $button->getValue());
      // Verify that after removing a file, only one "Upload" button for each
      // possible field is displayed.
      $expected = $current_field_name == $field_name ? 1 : 2;
      $this->assertSession()
        ->elementsCount('xpath', '//input[@type="submit" and @value="Upload"]', $expected);
    }
  }
}