class IconBuilderTest in Drupal 10

@coversDefaultClass \Drupal\Core\Layout\Icon\SvgIconBuilder @group Layout

Hierarchy

• class \Drupal\KernelTests\KernelTestBase extends \PHPUnit\Framework\TestCase implements ServiceProviderInterface uses \Symfony\Bridge\PhpUnit\ExpectDeprecationTrait, \Drupal\Tests\PhpUnitCompatibilityTrait, AssertContentTrait, ConfigTestTrait, ExtensionListTestTrait, RandomGeneratorTrait, TestRequirementsTrait, PhpUnitWarnings
  • class \Drupal\KernelTests\Core\Layout\IconBuilderTest

File

core/tests/Drupal/KernelTests/Core/Layout/IconBuilderTest.php, line 13

Namespace

Drupal\KernelTests\Core\Layout

class IconBuilderTest extends KernelTestBase {

  /**
   * @covers ::build
   * @covers ::buildRenderArray
   * @covers ::calculateSvgValues
   * @covers ::getLength
   * @covers ::getOffset
   *
   * @dataProvider providerTestBuild
   */
  public function testBuild(SvgIconBuilder $icon_builder, $icon_map, $expected) {
    $renderer = $this->container
      ->get('renderer');
    $build = $icon_builder
      ->build($icon_map);
    $output = (string) $renderer
      ->executeInRenderContext(new RenderContext(), function () use ($build, $renderer) {
      return $renderer
        ->render($build);
    });
    $this
      ->assertSame($expected, $output);
  }
  public function providerTestBuild() {
    $data = [];
    $data['empty'][] = new SvgIconBuilder();
    $data['empty'][] = [];
    $data['empty'][] = <<<'EOD'
<svg width="125" height="150" class="layout-icon"></svg>

EOD;
    $data['two_column'][] = (new SvgIconBuilder())
      ->setId('two_column')
      ->setLabel('Two Column')
      ->setWidth(250)
      ->setHeight(300)
      ->setStrokeWidth(2);
    $data['two_column'][] = [
      [
        'left',
        'right',
      ],
    ];
    $data['two_column'][] = <<<'EOD'
<svg width="250" height="300" class="layout-icon layout-icon--two-column"><title>Two Column</title>
<g><title>left</title>
<rect x="1" y="1" width="121" height="298" stroke-width="2" class="layout-icon__region layout-icon__region--left" />
</g>
<g><title>right</title>
<rect x="128" y="1" width="121" height="298" stroke-width="2" class="layout-icon__region layout-icon__region--right" />
</g>
</svg>

EOD;
    $data['two_column_no_stroke'][] = (new SvgIconBuilder())
      ->setWidth(250)
      ->setHeight(300)
      ->setStrokeWidth(NULL);
    $data['two_column_no_stroke'][] = [
      [
        'left',
        'right',
      ],
    ];
    $data['two_column_no_stroke'][] = <<<'EOD'
<svg width="250" height="300" class="layout-icon"><g><title>left</title>
<rect x="0" y="0" width="123" height="300" class="layout-icon__region layout-icon__region--left" />
</g>
<g><title>right</title>
<rect x="127" y="0" width="123" height="300" class="layout-icon__region layout-icon__region--right" />
</g>
</svg>

EOD;
    $data['two_column_border_collapse'][] = (new SvgIconBuilder())
      ->setWidth(250)
      ->setHeight(300)
      ->setStrokeWidth(2)
      ->setPadding(-2);
    $data['two_column_border_collapse'][] = [
      [
        'left',
        'right',
      ],
    ];
    $data['two_column_border_collapse'][] = <<<'EOD'
<svg width="250" height="300" class="layout-icon"><g><title>left</title>
<rect x="1" y="1" width="124" height="298" stroke-width="2" class="layout-icon__region layout-icon__region--left" />
</g>
<g><title>right</title>
<rect x="125" y="1" width="124" height="298" stroke-width="2" class="layout-icon__region layout-icon__region--right" />
</g>
</svg>

EOD;
    $data['stacked'][] = (new SvgIconBuilder())
      ->setStrokeWidth(2);
    $data['stacked'][] = [
      [
        'sidebar',
        'top',
        'top',
      ],
      [
        'sidebar',
        'left',
        'right',
      ],
      [
        'sidebar',
        'middle',
        'middle',
      ],
      [
        'footer_left',
        'footer_right',
      ],
      [
        'footer_full',
      ],
    ];
    $data['stacked'][] = <<<'EOD'
<svg width="125" height="150" class="layout-icon"><g><title>sidebar</title>
<rect x="1" y="1" width="37" height="86.4" stroke-width="2" class="layout-icon__region layout-icon__region--sidebar" />
</g>
<g><title>top</title>
<rect x="44" y="1" width="80" height="24.8" stroke-width="2" class="layout-icon__region layout-icon__region--top" />
</g>
<g><title>left</title>
<rect x="44" y="31.8" width="37" height="24.8" stroke-width="2" class="layout-icon__region layout-icon__region--left" />
</g>
<g><title>right</title>
<rect x="87" y="31.8" width="37" height="24.8" stroke-width="2" class="layout-icon__region layout-icon__region--right" />
</g>
<g><title>middle</title>
<rect x="44" y="62.6" width="80" height="24.8" stroke-width="2" class="layout-icon__region layout-icon__region--middle" />
</g>
<g><title>footer_left</title>
<rect x="1" y="93.4" width="58.5" height="24.8" stroke-width="2" class="layout-icon__region layout-icon__region--footer-left" />
</g>
<g><title>footer_right</title>
<rect x="65.5" y="93.4" width="58.5" height="24.8" stroke-width="2" class="layout-icon__region layout-icon__region--footer-right" />
</g>
<g><title>footer_full</title>
<rect x="1" y="124.2" width="123" height="24.8" stroke-width="2" class="layout-icon__region layout-icon__region--footer-full" />
</g>
</svg>

EOD;
    return $data;
  }

}