function ComponentRenderTest::checkEmbedWithNested

Same name in this branch
  1. 10 core/modules/sdc/tests/src/Kernel/ComponentRenderTest.php \Drupal\Tests\sdc\Kernel\ComponentRenderTest::checkEmbedWithNested()
Same name and namespace in other branches
  1. 11.x core/modules/sdc/tests/src/Kernel/ComponentRenderTest.php \Drupal\Tests\sdc\Kernel\ComponentRenderTest::checkEmbedWithNested()
  2. 11.x core/tests/Drupal/KernelTests/Components/ComponentRenderTest.php \Drupal\KernelTests\Components\ComponentRenderTest::checkEmbedWithNested()

Render a card with slots that include a CTA component.

1 call to ComponentRenderTest::checkEmbedWithNested()
ComponentRenderTest::testRender in core/tests/Drupal/KernelTests/Components/ComponentRenderTest.php
Test that components render correctly.

File

core/tests/Drupal/KernelTests/Components/ComponentRenderTest.php, line 89

Class

ComponentRenderTest
Tests the correct rendering of components.

Namespace

Drupal\KernelTests\Components

Code

protected function checkEmbedWithNested() : void {
  $content = [
    'heading' => [
      '#type' => 'html_tag',
      '#tag' => 'span',
      '#value' => 'Just a link',
    ],
  ];
  $build = [
    '#type' => 'inline_template',
    '#context' => [
      'content' => $content,
    ],
    '#template' => "{% embed 'sdc_theme_test:my-card' with { header: 'Card header', content: content } only %}{% block card_body %}This is a card with a CTA {{ include('sdc_test:my-cta', { text: content.heading, href: 'https://www.example.org', target: '_blank' }, with_context = false) }}{% endblock %}{% endembed %}",
  ];
  $crawler = $this->renderComponentRenderArray($build);
  $this->assertNotEmpty($crawler->filter('#sdc-wrapper [data-component-id="sdc_theme_test:my-card"] h2.component--my-card__header:contains("Card header")'));
  $this->assertNotEmpty($crawler->filter('#sdc-wrapper [data-component-id="sdc_theme_test:my-card"] .component--my-card__body:contains("This is a card with a CTA")'));
  $this->assertNotEmpty($crawler->filter('#sdc-wrapper [data-component-id="sdc_theme_test:my-card"] .component--my-card__body a[data-component-id="sdc_test:my-cta"]:contains("Just a link")'));
  $this->assertNotEmpty($crawler->filter('#sdc-wrapper [data-component-id="sdc_theme_test:my-card"] .component--my-card__body a[data-component-id="sdc_test:my-cta"][href="https://www.example.org"][target="_blank"]'));
  // Now render a component and assert it contains the debug comments.
  $build = [
    '#type' => 'component',
    '#component' => 'sdc_test:my-banner',
    '#props' => [
      'heading' => $this->t('I am a banner'),
      'ctaText' => $this->t('Click me'),
      'ctaHref' => 'https://www.example.org',
      'ctaTarget' => '',
    ],
    '#slots' => [
      'banner_body' => [
        '#type' => 'html_tag',
        '#tag' => 'p',
        '#value' => $this->t('This is the contents of the banner body.'),
      ],
    ],
  ];
  $metadata = new BubbleableMetadata();
  $this->renderComponentRenderArray($build, $metadata);
  $this->assertEquals([
    'core/components.sdc_test--my-cta',
    'core/components.sdc_test--my-banner',
  ], $metadata->getAttachments()['library']);
}

Buggy or inaccurate documentation? Please file an issue. Need support? Need help programming? Connect with the Drupal community.