function FileFieldWidgetTest::testMultiValuedWidget

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

File

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

Class

FileFieldWidgetTest

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

Namespace

Code

public function testMultiValuedWidget() {
    $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, new FormattableMarkup('There are %n "Remove" buttons displayed.', [
                '%n' => $num_expected_remove_buttons,
            ]));
            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);
        }
    }
}