first commit
This commit is contained in:
305
vendor/yiisoft/yii2-bootstrap5/tests/DropdownTest.php
vendored
Normal file
305
vendor/yiisoft/yii2-bootstrap5/tests/DropdownTest.php
vendored
Normal file
@ -0,0 +1,305 @@
|
||||
<?php
|
||||
|
||||
declare(strict_types=1);
|
||||
|
||||
namespace yiiunit\extensions\bootstrap5;
|
||||
|
||||
use yii\bootstrap5\Dropdown;
|
||||
|
||||
/**
|
||||
* Tests for Dropdown widget
|
||||
*
|
||||
* @group bootstrap5
|
||||
*/
|
||||
class DropdownTest extends TestCase
|
||||
{
|
||||
public function testIds()
|
||||
{
|
||||
Dropdown::$counter = 0;
|
||||
$out = Dropdown::widget(
|
||||
[
|
||||
'items' => [
|
||||
[
|
||||
'label' => 'Page1',
|
||||
],
|
||||
[
|
||||
'label' => 'Dropdown1',
|
||||
'url' => '#test',
|
||||
'items' => [
|
||||
[
|
||||
'label' => 'Page2',
|
||||
],
|
||||
[
|
||||
'label' => 'Page3',
|
||||
],
|
||||
],
|
||||
],
|
||||
[
|
||||
'label' => 'Dropdown2',
|
||||
'visible' => false,
|
||||
'items' => [
|
||||
[
|
||||
'label' => 'Page4',
|
||||
'content' => 'Page4',
|
||||
],
|
||||
[
|
||||
'label' => 'Page5',
|
||||
'content' => 'Page5',
|
||||
],
|
||||
],
|
||||
],
|
||||
],
|
||||
],
|
||||
);
|
||||
|
||||
$expected = <<<EXPECTED
|
||||
<div id="w0" class="dropdown-menu"><h6 class="dropdown-header">Page1</h6>
|
||||
<div class="dropdown" aria-expanded="false">
|
||||
<a class="dropdown-item dropdown-toggle" href="#test" data-bs-toggle="dropdown" aria-expanded="false" role="button">Dropdown1</a>
|
||||
<div id="w1" class="dropdown-submenu dropdown-menu"><h6 class="dropdown-header">Page2</h6>
|
||||
<h6 class="dropdown-header">Page3</h6></div>
|
||||
</div></div>
|
||||
EXPECTED;
|
||||
|
||||
$this->assertEqualsWithoutLE($expected, $out);
|
||||
}
|
||||
|
||||
public function testSubMenuOptions()
|
||||
{
|
||||
Dropdown::$counter = 0;
|
||||
$out = Dropdown::widget(
|
||||
[
|
||||
'submenuOptions' => [
|
||||
'class' => 'submenu-list',
|
||||
],
|
||||
'items' => [
|
||||
[
|
||||
'label' => 'Dropdown1',
|
||||
'items' => [
|
||||
[
|
||||
'label' => 'Page1',
|
||||
'content' => 'Page2',
|
||||
],
|
||||
[
|
||||
'label' => 'Page2',
|
||||
'content' => 'Page3',
|
||||
],
|
||||
],
|
||||
],
|
||||
'-',
|
||||
[
|
||||
'label' => 'Dropdown2',
|
||||
'items' => [
|
||||
[
|
||||
'label' => 'Page3',
|
||||
'content' => 'Page4',
|
||||
],
|
||||
[
|
||||
'label' => 'Page4',
|
||||
'content' => 'Page5',
|
||||
],
|
||||
],
|
||||
'submenuOptions' => [
|
||||
'class' => 'submenu-override',
|
||||
],
|
||||
],
|
||||
],
|
||||
],
|
||||
);
|
||||
|
||||
$expected = <<<EXPECTED
|
||||
<div id="w0" class="dropdown-menu"><div class="dropdown" aria-expanded="false">
|
||||
<a class="dropdown-item dropdown-toggle" data-bs-toggle="dropdown" aria-expanded="false" role="button">Dropdown1</a>
|
||||
<div id="w1" class="submenu-list dropdown-submenu dropdown-menu"><h6 class="dropdown-header">Page1</h6>
|
||||
<h6 class="dropdown-header">Page2</h6></div>
|
||||
</div>
|
||||
<hr class="dropdown-divider">
|
||||
<div class="dropdown" aria-expanded="false">
|
||||
<a class="dropdown-item dropdown-toggle" data-bs-toggle="dropdown" aria-expanded="false" role="button">Dropdown2</a>
|
||||
<div id="w2" class="submenu-override dropdown-submenu dropdown-menu"><h6 class="dropdown-header">Page3</h6>
|
||||
<h6 class="dropdown-header">Page4</h6></div>
|
||||
</div></div>
|
||||
EXPECTED;
|
||||
|
||||
$this->assertEqualsWithoutLE($expected, $out);
|
||||
}
|
||||
|
||||
public function testActive()
|
||||
{
|
||||
Dropdown::$counter = 0;
|
||||
$out = Dropdown::widget(
|
||||
[
|
||||
'submenuOptions' => [
|
||||
'class' => 'submenu-list',
|
||||
],
|
||||
'items' => [
|
||||
[
|
||||
'label' => 'Dropdown1',
|
||||
'items' => [
|
||||
[
|
||||
'label' => 'Page1',
|
||||
'content' => 'Page2',
|
||||
],
|
||||
[
|
||||
'label' => 'Page2',
|
||||
'content' => 'Page3',
|
||||
],
|
||||
],
|
||||
],
|
||||
'-',
|
||||
[
|
||||
'label' => 'Dropdown2',
|
||||
'items' => [
|
||||
[
|
||||
'label' => 'Page3',
|
||||
'content' => 'Page3',
|
||||
'url' => '/',
|
||||
'active' => true,
|
||||
],
|
||||
[
|
||||
'label' => 'Page4',
|
||||
'content' => 'Page4',
|
||||
],
|
||||
],
|
||||
],
|
||||
],
|
||||
],
|
||||
);
|
||||
$expected = <<<HTML
|
||||
<div id="w0" class="dropdown-menu"><div class="dropdown" aria-expanded="false">
|
||||
<a class="dropdown-item dropdown-toggle" data-bs-toggle="dropdown" aria-expanded="false" role="button">Dropdown1</a>
|
||||
<div id="w1" class="submenu-list dropdown-submenu dropdown-menu"><h6 class="dropdown-header">Page1</h6>
|
||||
<h6 class="dropdown-header">Page2</h6></div>
|
||||
</div>
|
||||
<hr class="dropdown-divider">
|
||||
<div class="dropdown" aria-expanded="false">
|
||||
<a class="dropdown-item dropdown-toggle" data-bs-toggle="dropdown" aria-expanded="false" role="button">Dropdown2</a>
|
||||
<div id="w2" class="submenu-list dropdown-submenu dropdown-menu"><a class="dropdown-item active" href="/" aria-current="true">Page3</a>
|
||||
<h6 class="dropdown-header">Page4</h6></div>
|
||||
</div></div>
|
||||
HTML;
|
||||
$this->assertEqualsWithoutLE($expected, $out);
|
||||
}
|
||||
|
||||
public function testDisabled()
|
||||
{
|
||||
Dropdown::$counter = 0;
|
||||
$out = Dropdown::widget(
|
||||
[
|
||||
'submenuOptions' => [
|
||||
'class' => 'submenu-list',
|
||||
],
|
||||
'items' => [
|
||||
[
|
||||
'label' => 'Dropdown1',
|
||||
'items' => [
|
||||
[
|
||||
'label' => 'Page1',
|
||||
'content' => 'Page2',
|
||||
],
|
||||
[
|
||||
'label' => 'Page2',
|
||||
'content' => 'Page3',
|
||||
],
|
||||
],
|
||||
'disabled' => true,
|
||||
],
|
||||
'-',
|
||||
[
|
||||
'label' => 'Dropdown2',
|
||||
'items' => [
|
||||
[
|
||||
'label' => 'Page3',
|
||||
'content' => 'Page3',
|
||||
],
|
||||
[
|
||||
'label' => 'Page4',
|
||||
'content' => 'Page4',
|
||||
],
|
||||
],
|
||||
],
|
||||
],
|
||||
],
|
||||
);
|
||||
|
||||
$expected = <<<HTML
|
||||
<div id="w0" class="dropdown-menu"><div class="dropdown" aria-expanded="false">
|
||||
<a class="dropdown-item disabled dropdown-toggle" data-bs-toggle="dropdown" aria-expanded="false" aria-disabled="true" role="button" tabindex="-1">Dropdown1</a>
|
||||
<div id="w1" class="submenu-list dropdown-submenu dropdown-menu"><h6 class="dropdown-header">Page1</h6>
|
||||
<h6 class="dropdown-header">Page2</h6></div>
|
||||
</div>
|
||||
<hr class="dropdown-divider">
|
||||
<div class="dropdown" aria-expanded="false">
|
||||
<a class="dropdown-item dropdown-toggle" data-bs-toggle="dropdown" aria-expanded="false" role="button">Dropdown2</a>
|
||||
<div id="w2" class="submenu-list dropdown-submenu dropdown-menu"><h6 class="dropdown-header">Page3</h6>
|
||||
<h6 class="dropdown-header">Page4</h6></div>
|
||||
</div></div>
|
||||
HTML;
|
||||
|
||||
$this->assertEqualsWithoutLE($expected, $out);
|
||||
}
|
||||
|
||||
public function testForms()
|
||||
{
|
||||
Dropdown::$counter = 0;
|
||||
$form = <<<HTML
|
||||
<form class="px-4 py-3">
|
||||
<div class="mb-3">
|
||||
<label class="form-label" for="exampleDropdownFormEmail1">Email address</label>
|
||||
<input type="email" class="form-control" id="exampleDropdownFormEmail1" placeholder="email@example.com">
|
||||
</div>
|
||||
<div class="mb-3">
|
||||
<label class="form-label" for="exampleDropdownFormPassword1">Password</label>
|
||||
<input type="password" class="form-control" id="exampleDropdownFormPassword1" placeholder="Password">
|
||||
</div>
|
||||
<div class="form-check">
|
||||
<input type="checkbox" class="form-check-input" id="dropdownCheck">
|
||||
<label class="form-check-label" for="dropdownCheck">
|
||||
Remember me
|
||||
</label>
|
||||
</div>
|
||||
<button type="submit" class="btn btn-primary">Sign in</button>
|
||||
</form>
|
||||
HTML;
|
||||
|
||||
$out = Dropdown::widget([
|
||||
'items' => [
|
||||
$form,
|
||||
'-',
|
||||
[
|
||||
'label' => 'New around here? Sign up',
|
||||
'url' => '#',
|
||||
],
|
||||
[
|
||||
'label' => 'Forgot password?',
|
||||
'url' => '#',
|
||||
],
|
||||
],
|
||||
]);
|
||||
|
||||
$expected = <<<HTML
|
||||
<div id="w0" class="dropdown-menu"><form class="px-4 py-3">
|
||||
<div class="mb-3">
|
||||
<label class="form-label" for="exampleDropdownFormEmail1">Email address</label>
|
||||
<input type="email" class="form-control" id="exampleDropdownFormEmail1" placeholder="email@example.com">
|
||||
</div>
|
||||
<div class="mb-3">
|
||||
<label class="form-label" for="exampleDropdownFormPassword1">Password</label>
|
||||
<input type="password" class="form-control" id="exampleDropdownFormPassword1" placeholder="Password">
|
||||
</div>
|
||||
<div class="form-check">
|
||||
<input type="checkbox" class="form-check-input" id="dropdownCheck">
|
||||
<label class="form-check-label" for="dropdownCheck">
|
||||
Remember me
|
||||
</label>
|
||||
</div>
|
||||
<button type="submit" class="btn btn-primary">Sign in</button>
|
||||
</form>
|
||||
<hr class="dropdown-divider">
|
||||
<a class="dropdown-item" href="#">New around here? Sign up</a>
|
||||
<a class="dropdown-item" href="#">Forgot password?</a></div>
|
||||
HTML;
|
||||
|
||||
$this->assertEqualsWithoutLE($expected, $out);
|
||||
}
|
||||
}
|
||||
Reference in New Issue
Block a user