CombinedSlateTest.php

Go to the documentation of this file.

<?php

/* Copyright (c) 2019 Nils Haagen <nils.haagen@concepts-and-training.de> Extended GPL, see docs/LICENSE */

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

    public function getUIFactory()
    {
        $factory = new class extends NoUIFactory {
            public function button()
            {
                return $this->button_factory;
            }
            public function glyph()
            {
                return new I\Symbol\Glyph\Factory();
            }

            public function divider()
            {
                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 brutallyTrimHTML($html)
    {
        $html = str_replace(["\n", "\r", "\t"], "", $html);
        $html = preg_replace('# {2,}#', " ", $html);
        return trim($html);
    }

    public function testRendering()
    {
        $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()
    {
        $name = 'name';
        $icon = $this->icon_factory->custom('', '');
        $slate = new Combined($this->sig_gen, $name, $icon);
        $slate = $slate->withAriaRole(Combined::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()
    {
        $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">
                <hr class="il-divider-with-label" />
                <h4 class="il-divider">Title</h4>
                <hr /></div></div>
EOT;
        $this->assertEquals(
            $this->brutallyTrimHTML($expected),
            $this->brutallyTrimHTML($html)
        );
    }

    public function testRenderingWithSubslateAndButton()
    {
        $name = 'name';
        $icon = $this->icon_factory->custom('', '');
        $subslate = new Combined($this->sig_gen, $name, $icon);
        $subbutton = $this->button_factory->bulky($icon, '', '');
        $slate = new Combined($this->sig_gen, $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">

                                <button class="btn btn-bulky" id="id_1" >
                                        <div class="icon custom small" aria-label="">
                                                <img src="" />
                                        </div>
                                        <span class="bulky-label">name</span>
                                </button>
                                <div class="il-maincontrols-slate disengaged" id="id_2">
                                        <div class="il-maincontrols-slate-content" data-replace-marker="content">
                                        </div>
                                </div>

                                <button class="btn btn-bulky" data-action="" >
                                        <div class="icon custom small" aria-label="">
                                                <img src="" />
                                        </div>
                                        <span class="bulky-label"></span>
                                </button>

                        </div>
                </div>
EOT;
        $this->assertEquals(
            $this->brutallyTrimHTML($expected),
            $this->brutallyTrimHTML($html)
        );
    }
}