CombinedSlateTest.php

Go to the documentation of this file.

<?php

declare(strict_types=1);

require_once("libs/composer/vendor/autoload.php");
require_once(__DIR__ . "/../../../Base.php");

use ILIAS\UI\Component as C;
use ILIAS\UI\Implementation\Component as I;
use ILIAS\UI\Implementation\Component\MainControls\Slate\Combined;

class CombinedSlateTest extends ILIAS_UI_TestBase
{
    protected I\SignalGenerator $sig_gen;
    protected I\Button\Factory $button_factory;
    protected I\Divider\Factory $divider_factory;
    protected I\Symbol\Icon\Factory $icon_factory;

    public function setUp(): void
    {
        $this->sig_gen = new I\SignalGenerator();
        $this->button_factory = new I\Button\Factory();
        $this->divider_factory = new I\Divider\Factory();
        $this->icon_factory = new I\Symbol\Icon\Factory();
    }

    public function getUIFactory(): NoUIFactory
    {
        $factory = new class () extends NoUIFactory {
            public I\SignalGenerator $sig_gen;

            public function button(): C\Button\Factory
            {
                return $this->button_factory;
            }
            public function glyph(): C\Symbol\Glyph\Factory
            {
                return new I\Symbol\Glyph\Factory();
            }

            public function divider(): C\Divider\Factory
            {
                return new I\Divider\Factory();
            }

            public function mainControls(): C\MainControls\Factory
            {
                return new I\MainControls\Factory($this->sig_gen);
            }
        };
        $factory->button_factory = $this->button_factory;
        $factory->sig_gen = $this->sig_gen;
        return $factory;
    }

    public function testRendering(): void
    {
        $name = 'name';
        $icon = $this->icon_factory->custom('', '');
        $slate = new Combined($this->sig_gen, $name, $icon);

        $r = $this->getDefaultRenderer();
        $html = $r->render($slate);

        $expected = '<div class="il-maincontrols-slate disengaged" id="id_1"><div class="il-maincontrols-slate-content" data-replace-marker="content"></div></div>';
        $this->assertEquals(
            $expected,
            $this->brutallyTrimHTML($html)
        );
    }

    public function testRenderingWithAriaRole(): void
    {
        $name = 'name';
        $icon = $this->icon_factory->custom('', '');
        $slate = new Combined($this->sig_gen, $name, $icon);
        $slate = $slate->withAriaRole(I\MainControls\Slate\Slate::MENU);

        $r = $this->getDefaultRenderer();
        $html = $r->render($slate);

        $expected = '<div class="il-maincontrols-slate disengaged" id="id_1" role="menu"><div class="il-maincontrols-slate-content" data-replace-marker="content"></div></div>';
        $this->assertEquals(
            $expected,
            $this->brutallyTrimHTML($html)
        );
    }

    public function testRenderingWithSubDivider(): void
    {
        $name = 'name';
        $icon = $this->icon_factory->custom('', '');
        $subdivider = new I\Divider\Horizontal();
        $subdivider_with_text = new I\Divider\Horizontal();
        $subdivider_with_text = $subdivider_with_text->withLabel('Title');
        $slate = new Combined($this->sig_gen, $name, $icon);
        $slate = $slate
            ->withAdditionalEntry($subdivider_with_text)
            ->withAdditionalEntry($subdivider);

        $r = $this->getDefaultRenderer();
        $html = $r->render($slate);

        $expected = <<<EOT
        <div class="il-maincontrols-slate disengaged" id="id_1">
            <div class="il-maincontrols-slate-content" data-replace-marker="content">
                <ul>
                    <li><hr class="il-divider-with-label" /><h4 class="il-divider">Title</h4></li>
                    <li><hr /></li>
                </ul>
            </div>
        </div>
EOT;
        $this->assertEquals(
            $this->brutallyTrimHTML($expected),
            $this->brutallyTrimHTML($html)
        );
    }

    public function testRenderingWithSubslateAndButton(): void
    {
        $icon = $this->icon_factory->custom('', '');
        $subslate = new Combined($this->sig_gen, 'subslate_name', $icon);
        $subbutton = $this->button_factory->bulky($icon, 'button_name', '');
        $slate = new Combined($this->sig_gen, 'slate_name', $icon);
        $slate = $slate
            ->withAdditionalEntry($subslate)
            ->withAdditionalEntry($subbutton);

        $r = $this->getDefaultRenderer();
        $html = $r->render($slate);

        $expected = <<<EOT
            <div class="il-maincontrols-slate disengaged" id="id_3">
              <div class="il-maincontrols-slate-content" data-replace-marker="content">
                <ul>
                  <li>
                    <button class="btn btn-bulky" id="id_1">
                      <img class="icon custom small" src="" alt=""/>
                      <span class="bulky-label">subslate_name</span>
                    </button>
                    <div class="il-maincontrols-slate disengaged" id="id_2">
                      <div class="il-maincontrols-slate-content" data-replace-marker="content"></div>
                    </div>
                  </li>
                  <li>
                    <button class="btn btn-bulky" data-action="">
                      <img class="icon custom small" src="" alt=""/>
                      <span class="bulky-label">button_name</span>
                    </button>
                  </li>
                </ul>
              </div>
            </div>
EOT;
        $this->assertEquals(
            $this->brutallyTrimHTML($expected),
            $this->brutallyTrimHTML($html)
        );
    }
}