ItemTest.php

Go to the documentation of this file.

<?php

/* Copyright (c) 2017 Alex Killing <killing@leifos.de> Extended GPL, see docs/LICENSE */

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

use \ILIAS\UI\Component as C;
use \ILIAS\UI\Implementation as I;

class ItemTest extends ILIAS_UI_TestBase
{

    public function getFactory()
    {
        return new I\Component\Item\Factory();
    }

    public function test_implements_factory_interface()
    {
        $f = $this->getFactory();

        $this->assertInstanceOf("ILIAS\\UI\\Component\\Item\\Standard", $f->standard("title"));
    }

    public function test_get_title()
    {
        $f = $this->getFactory();
        $c = $f->standard("title");

        $this->assertEquals($c->getTitle(), "title");
    }

    public function test_with_description()
    {
        $f = $this->getFactory();

        $c = $f->standard("title")->withDescription("description");

        $this->assertEquals($c->getDescription(), "description");
    }

    public function test_with_properties()
    {
        $f = $this->getFactory();

        $props = array("prop1" => "val1", "prop2" => "val2");
        $c = $f->standard("title")->withProperties($props);

        $this->assertEquals($c->getProperties(), $props);
    }

    public function test_with_actions()
    {
        $f = $this->getFactory();

        $actions = new I\Component\Dropdown\Standard(array(
            new I\Component\Button\Shy("ILIAS", "https://www.ilias.de"),
            new I\Component\Button\Shy("GitHub", "https://www.github.com")
        ));
        $c = $f->standard("title")->withActions($actions);

        $this->assertEquals($c->getActions(), $actions);
    }

    public function test_with_color()
    {
        $f = $this->getFactory();
        $df = new \ILIAS\Data\Factory();

        $color = $df->color('#ff00ff');

        $c = $f->standard("title")->withColor($color);

        $this->assertEquals($c->getColor(), $color);
    }

    public function test_with_lead_image()
    {
        $f = $this->getFactory();

        $image = new I\Component\Image\Image("standard", "src", "str");

        $c = $f->standard("title")->withLeadImage($image);

        $this->assertEquals($c->getLead(), $image);
    }

    public function test_with_lead_icon()
    {
        $f = $this->getFactory();

        $icon = new I\Component\Symbol\Icon\Standard("name", "aria_label", "small", false);

        $c = $f->standard("title")->withLeadIcon($icon);

        $this->assertEquals($c->getLead(), $icon);
    }

    public function test_with_lead_text()
    {
        $f = $this->getFactory();

        $c = $f->standard("title")->withLeadText("text");

        $this->assertEquals($c->getLead(), "text");
    }

    public function test_with_no_lead()
    {
        $f = $this->getFactory();

        $c = $f->standard("title")->withLeadText("text")->withNoLead();

        $this->assertEquals($c->getLead(), null);
    }

    public function test_render_base()
    {
        $f = $this->getFactory();
        $r = $this->getDefaultRenderer();

        $actions = new I\Component\Dropdown\Standard(array(
            new I\Component\Button\Shy("ILIAS", "https://www.ilias.de"),
            new I\Component\Button\Shy("GitHub", "https://www.github.com")
        ));
        $c = $f->standard("Item Title")
            ->withActions($actions)
            ->withProperties(array(
                "Origin" => "Course Title 1",
                "Last Update" => "24.11.2011",
                "Location" => "Room 123, Main Street 44, 3012 Bern"))
            ->withDescription("Lorem ipsum dolor sit amet, consetetur sadipscing elitr, sed diam nonumy eirmod tempor invidunt ut labore et dolore magna aliquyam erat, sed diam voluptua.");

        $html = $r->render($c);

        $expected = <<<EOT
<div class="il-item il-std-item ">
            <div class="il-item-title">Item Title</div>
                        <div class="dropdown"><button class="btn btn-default dropdown-toggle" type="button" data-toggle="dropdown"  aria-label="actions" aria-haspopup="true" aria-expanded="false" > <span class="caret"></span></button>
<ul class="dropdown-menu">
        <li><button class="btn btn-link" data-action="https://www.ilias.de" id="id_1"  >ILIAS</button>
</li>
        <li><button class="btn btn-link" data-action="https://www.github.com" id="id_2"  >GitHub</button>
</li>
</ul>
</div>
                        <div class="il-item-description">Lorem ipsum dolor sit amet, consetetur sadipscing elitr, sed diam nonumy eirmod tempor invidunt ut labore et dolore magna aliquyam erat, sed diam voluptua.</div>
                        <hr class="il-item-divider" />
                        <div class="row">
                                <div class="col-md-6">
                                        <div class="row">
                                                <div class="col-sm-5 col-lg-4 il-item-property-name">Origin</div>
                                                <div class="col-sm-7 col-lg-8 il-item-property-value il-multi-line-cap-3">Course Title 1</div>
                                        </div>
                                </div>
                                <div class="col-md-6">
                                        <div class="row">
                                                <div class="col-sm-5 col-lg-4 il-item-property-name">Last Update</div>
                                                <div class="col-sm-7 col-lg-8 il-item-property-value il-multi-line-cap-3">24.11.2011</div>
                                        </div>
                                </div>
                        </div>
                        <div class="row">
                                <div class="col-md-6">
                                        <div class="row">
                                                <div class="col-sm-5 col-lg-4 il-item-property-name">Location</div>
                                                <div class="col-sm-7 col-lg-8 il-item-property-value il-multi-line-cap-3">Room 123, Main Street 44, 3012 Bern</div>
                                        </div>
                                </div>
                                <div class="col-md-6">
                                        <div class="row">
                                                <div class="col-sm-5 col-lg-4 il-item-property-name"></div>
                                                <div class="col-sm-7 col-lg-8 il-item-property-value il-multi-line-cap-3"></div>
                                        </div>
                                </div>
                        </div>
</div>
EOT;

        $this->assertHTMLEquals(
            $this->brutallyTrimHTML($expected),
            $this->brutallyTrimHTML($html)
        );
    }

    public function test_render_lead_image()
    {
        $f = $this->getFactory();
        $r = $this->getDefaultRenderer();

        $image = new I\Component\Image\Image("standard", "src", "str");

        $c = $f->standard("title")->withLeadImage($image);

        $html = $r->render($c);
        $expected = <<<EOT
<div class="il-item il-std-item ">
        <div class="row">
                <div class="col-sm-3">
                        <img src="src" class="img-standard" alt="str" />
                </div>
                <div class="col-sm-9">
            <div class="il-item-title">title</div>
                </div>
        </div>
</div>
EOT;

        $this->assertHTMLEquals(
            $this->brutallyTrimHTML($expected),
            $this->brutallyTrimHTML($html)
        );
    }

    public function test_render_lead_icon()
    {
        $f = $this->getFactory();
        $r = $this->getDefaultRenderer();

        $icon = new I\Component\Symbol\Icon\Standard("name", "aria_label", "small", false);

        $c = $f->standard("title")->withLeadIcon($icon);

        $html = $r->render($c);
        $expected = <<<EOT
<div class="il-item il-std-item ">
        <div class="media">
                <div class="media-left">
                        <div class="icon name small" aria-label="aria_label"></div></div>
                <div class="media-body">
            <div class="il-item-title">title</div>
                </div>
        </div>
</div>
EOT;

        $this->assertHTMLEquals(
            $this->brutallyTrimHTML($expected),
            $this->brutallyTrimHTML($html)
        );
    }

    public function test_render_lead_text_and_color()
    {
        $f = $this->getFactory();
        $r = $this->getDefaultRenderer();
        $df = new \ILIAS\Data\Factory();

        $color = $df->color('#ff00ff');

        $c = $f->standard("title")->withColor($color)->withLeadText("lead");

        $html = $r->render($c);

        $expected = <<<EOT
<div class="il-item il-std-item il-item-marker " style="border-color:#ff00ff">
        <div class="row">
                <div class="col-sm-3">
                        lead
                </div>
                <div class="col-sm-9">
            <div class="il-item-title">title</div>
                </div>
        </div>
</div>
EOT;

        $this->assertHTMLEquals(
            $this->brutallyTrimHTML($expected),
            $this->brutallyTrimHTML($html)
        );
    }

    public function test_shy_title_and_property()
    {
        $f = $this->getFactory();
        $r = $this->getDefaultRenderer();
        $df = new \ILIAS\Data\Factory();

        $color = $df->color('#ff00ff');

        $c = $f->standard(new I\Component\Button\Shy("ILIAS", "https://www.ilias.de"))
            ->withProperties(array("test" => new I\Component\Button\Shy("GitHub", "https://www.github.com")));

        $html = $r->render($c);
        $expected = <<<EOT
<div class="il-item il-std-item ">
                        <div class="il-item-title"><button class="btn btn-link" data-action="https://www.ilias.de" id="id_1"  >ILIAS</button></div>

                        <hr class="il-item-divider" />
                        <div class="row">
                                <div class="col-md-6">
                                        <div class="row">
                                                <div class="col-sm-5 col-lg-4 il-item-property-name">test</div>
                                                <div class="col-sm-7 col-lg-8 il-item-property-value il-multi-line-cap-3"><button class="btn btn-link" data-action="https://www.github.com" id="id_2"  >GitHub</button></div>
                                        </div>
                                </div>
                                <div class="col-md-6">
                                        <div class="row">
                                                <div class="col-sm-5 col-lg-4 il-item-property-name"></div>
                                                <div class="col-sm-7 col-lg-8 il-item-property-value il-multi-line-cap-3"></div>
                                        </div>
                                </div>
                        </div>
</div>
EOT;

        $this->assertHTMLEquals($expected, $html);
    }

    public function test_link_title()
    {
        $f = $this->getFactory();
        $r = $this->getDefaultRenderer();

        $c = $f->standard(new I\Component\Link\Standard("ILIAS", "https://www.ilias.de"));
        $html = $r->render($c);

        $expected = <<<EOT
<div class="il-item il-std-item "><div class="il-item-title"><a href="https://www.ilias.de">ILIAS</a></div></div>
EOT;

        $this->assertHTMLEquals($expected, $html);
    }
}