function MediaDisplayTest::testMediaDisplay

Test basic media display.

File

core/modules/media/tests/src/FunctionalJavascript/MediaDisplayTest.php, line 51

Class

MediaDisplayTest

Basic display tests for Media.

Namespace

Code

public function testMediaDisplay() {
    $assert_session = $this->assertSession();
    $page = $this->getSession()
        ->getPage();
    $media_type = $this->createMediaType('test');
    // Create a media item.
    $media = Media::create([
        'bundle' => $media_type->id(),
        'name' => 'Fantastic!',
    ]);
    $media->save();
    $this->drupalGet('media/' . $media->id());
    // Verify the "name" field is really not present.
    $assert_session->elementNotExists('css', '.field--name-name');
    // Enable the field on the display and verify it becomes visible on the UI.
    $this->drupalGet("/admin/structure/media/manage/{$media_type->id()}/display");
    $assert_session->buttonExists('Show row weights')
        ->press();
    $this->assertSession()
        ->waitForElementVisible('css', '[name="fields[name][region]"]');
    $page->selectFieldOption('fields[name][region]', 'content');
    $assert_session->waitForElementVisible('css', '#edit-fields-name-settings-edit');
    $page->pressButton('Save');
    $this->drupalGet('media/' . $media->id());
    // Verify the name is present, and its text matches what is expected.
    $assert_session->elementExists('css', '.field--name-name');
    $name_field = $page->find('css', '.field--name-name .field__item');
    $this->assertSame($media->label(), $name_field->getText());
    // In the standard profile, there are some pre-cooked types. Make sure the
    // elements configured on their displays are the expected ones.
    $this->drupalGet('media/add/image');
    $image_media_name = 'example_1.jpeg';
    $page->attachFileToField('files[field_media_image_0]', $this->root . '/core/modules/media/tests/fixtures/' . $image_media_name);
    $result = $assert_session->waitForButton('Remove');
    $this->assertNotEmpty($result);
    $page->fillField('field_media_image[0][alt]', 'Image Alt Text 1');
    $page->pressButton('Save');
    $image_media_id = $this->container
        ->get('entity_type.manager')
        ->getStorage('media')
        ->getQuery()
        ->sort('mid', 'DESC')
        ->execute();
    $image_media_id = reset($image_media_id);
    // Go to the media entity view.
    $this->drupalGet('/media/' . $image_media_id);
    // Check if the default media name is generated as expected.
    $assert_session->elementTextContains('css', 'h1', $image_media_name);
    // Here we expect to see only the image, nothing else.
    // Assert only one element in the content region.
    $this->assertCount(1, $page->findAll('css', '.media--type-image > div'));
    // Assert the image is present inside the media element.
    $media_item = $assert_session->elementExists('css', '.media--type-image > div');
    $assert_session->elementExists('css', 'img', $media_item);
    // Assert that the image src uses the large image style, the label is
    // visually hidden, and there is no link to the image file.
    $media_image = $assert_session->elementExists('css', '.media--type-image img');
    $expected_image_src = file_url_transform_relative(file_create_url(\Drupal::token()->replace('public://styles/large/public/[date:custom:Y]-[date:custom:m]/example_1.jpeg')));
    $this->assertStringContainsString($expected_image_src, $media_image->getAttribute('src'));
    $field = $assert_session->elementExists('css', '.field--name-field-media-image');
    $assert_session->elementExists('css', '.field__label.visually-hidden', $field);
    $assert_session->elementNotExists('css', 'a', $field);
    $test_filename = $this->randomMachineName() . '.txt';
    $test_filepath = 'public://' . $test_filename;
    file_put_contents($test_filepath, $this->randomMachineName());
    $this->drupalGet("media/add/document");
    $page->attachFileToField("files[field_media_document_0]", \Drupal::service('file_system')->realpath($test_filepath));
    $result = $assert_session->waitForButton('Remove');
    $this->assertNotEmpty($result);
    $page->pressButton('Save');
    // Go to the media entity view.
    $this->drupalGet($this->assertLinkToCreatedMedia());
    // Check if the default media name is generated as expected.
    $assert_session->elementTextContains('css', 'h1', $test_filename);
    // Here we expect to see only the linked filename.
    // Assert only one element in the content region.
    $this->assertCount(1, $page->findAll('css', 'article.media--type-document > div'));
    // Assert the file link is present, and its text matches the filename.
    $assert_session->elementExists('css', 'article.media--type-document .field--name-field-media-document a');
    $link = $page->find('css', 'article.media--type-document .field--name-field-media-document a');
    $this->assertSame($test_filename, $link->getText());
    // Create a node type "page" to use as host entity.
    $node_type = NodeType::create([
        'type' => 'page',
        'name' => 'Page',
    ]);
    $node_type->save();
    // Reference the created media using an entity_reference field and make sure
    // the output is what we expect.
    $storage = FieldStorageConfig::create([
        'entity_type' => 'node',
        'field_name' => 'field_related_media',
        'type' => 'entity_reference',
        'settings' => [
            'target_type' => 'media',
        ],
    ]);
    $storage->save();
    FieldConfig::create([
        'field_storage' => $storage,
        'entity_type' => 'node',
        'bundle' => $node_type->id(),
        'label' => 'Related media',
        'settings' => [
            'handler_settings' => [
                'target_bundles' => [
                    'image' => 'image',
                ],
            ],
        ],
    ])
        ->save();
    \Drupal::service('entity_display.repository')->getViewDisplay('node', $node_type->id())
        ->setComponent('field_related_media', [
        'type' => 'entity_reference_entity_view',
        'label' => 'hidden',
        'settings' => [
            'view_mode' => 'full',
        ],
    ])
        ->save();
    $node = Node::create([
        'title' => 'Host node',
        'type' => $node_type->id(),
        'field_related_media' => [
            'target_id' => $image_media_id,
        ],
    ]);
    $node->save();
    $this->drupalGet('/node/' . $node->id());
    // Media field is there.
    $assert_session->elementExists('css', '.field--name-field-related-media');
    // Media name element is not there.
    $assert_session->elementNotExists('css', '.field--name-name');
    $assert_session->pageTextNotContains($image_media_name);
    // Only one element is present inside the media container.
    $this->assertCount(1, $page->findAll('css', '.field--name-field-related-media article.media--type-image > div'));
    // Assert the image is present.
    $assert_session->elementExists('css', '.field--name-field-related-media article.media--type-image img');
}