|
|
|
|
<?php
|
|
|
|
|
namespace yiiunit\extensions\bootstrap;
|
|
|
|
|
|
|
|
|
|
use yii\base\DynamicModel;
|
|
|
|
|
use yii\bootstrap\Collapse;
|
|
|
|
|
use yii\widgets\ActiveForm;
|
|
|
|
|
|
|
|
|
|
/**
|
|
|
|
|
* @group bootstrap
|
|
|
|
|
*/
|
|
|
|
|
class CollapseTest extends TestCase
|
|
|
|
|
{
|
|
|
|
|
public function testRender()
|
|
|
|
|
{
|
|
|
|
|
Collapse::$counter = 0;
|
|
|
|
|
$output = Collapse::widget([
|
|
|
|
|
'items' => [
|
|
|
|
|
[
|
|
|
|
|
'label' => 'Collapsible Group Item #1',
|
|
|
|
|
'content' => [
|
|
|
|
|
'test content1',
|
|
|
|
|
'test content2'
|
|
|
|
|
],
|
|
|
|
|
],
|
|
|
|
|
[
|
|
|
|
|
'label' => 'Collapsible Group Item #2',
|
|
|
|
|
'content' => [
|
|
|
|
|
'test content1',
|
|
|
|
|
'test content2'
|
|
|
|
|
],
|
|
|
|
|
'contentOptions' => [
|
|
|
|
|
'class' => 'testContentOptions'
|
|
|
|
|
],
|
|
|
|
|
'options' => [
|
|
|
|
|
'class' => 'testClass',
|
|
|
|
|
'id' => 'testId'
|
|
|
|
|
],
|
|
|
|
|
'footer' => 'Footer'
|
|
|
|
|
],
|
|
|
|
|
[
|
|
|
|
|
'label' => '<h1>Collapsible Group Item #3</h1>',
|
|
|
|
|
'content' => [
|
|
|
|
|
'<h2>test content1</h2>',
|
|
|
|
|
'<h2>test content2</h2>'
|
|
|
|
|
],
|
|
|
|
|
'contentOptions' => [
|
|
|
|
|
'class' => 'testContentOptions2'
|
|
|
|
|
],
|
|
|
|
|
'options' => [
|
|
|
|
|
'class' => 'testClass2',
|
|
|
|
|
'id' => 'testId2'
|
|
|
|
|
],
|
|
|
|
|
'encode' => false,
|
|
|
|
|
'footer' => 'Footer2'
|
|
|
|
|
],
|
|
|
|
|
[
|
|
|
|
|
'label' => '<h1>Collapsible Group Item #4</h1>',
|
|
|
|
|
'content' => [
|
|
|
|
|
'<h2>test content1</h2>',
|
|
|
|
|
'<h2>test content2</h2>'
|
|
|
|
|
],
|
|
|
|
|
'contentOptions' => [
|
|
|
|
|
'class' => 'testContentOptions3'
|
|
|
|
|
],
|
|
|
|
|
'options' => [
|
|
|
|
|
'class' => 'testClass3',
|
|
|
|
|
'id' => 'testId3'
|
|
|
|
|
],
|
|
|
|
|
'encode' => true,
|
|
|
|
|
'footer' => 'Footer3'
|
|
|
|
|
],
|
|
|
|
|
]
|
|
|
|
|
]);
|
|
|
|
|
|
|
|
|
|
$this->assertEqualsWithoutLE(<<<HTML
|
|
|
|
|
<div id="w0" class="panel-group">
|
|
|
|
|
<div class="panel panel-default"><div class="panel-heading"><h4 class="panel-title"><a class="collapse-toggle collapsed" href="#w0-collapse1" data-toggle="collapse" data-parent="#w0">Collapsible Group Item #1</a>
|
|
|
|
|
</h4></div>
|
|
|
|
|
<div id="w0-collapse1" class="panel-collapse collapse"><ul class="list-group">
|
|
|
|
|
<li class="list-group-item">test content1</li>
|
|
|
|
|
<li class="list-group-item">test content2</li>
|
|
|
|
|
</ul>
|
|
|
|
|
</div></div>
|
|
|
|
|
<div id="testId" class="testClass panel panel-default"><div class="panel-heading"><h4 class="panel-title"><a class="collapse-toggle collapsed" href="#w0-collapse2" data-toggle="collapse" data-parent="#w0">Collapsible Group Item #2</a>
|
|
|
|
|
</h4></div>
|
|
|
|
|
<div id="w0-collapse2" class="testContentOptions panel-collapse collapse"><ul class="list-group">
|
|
|
|
|
<li class="list-group-item">test content1</li>
|
|
|
|
|
<li class="list-group-item">test content2</li>
|
|
|
|
|
</ul>
|
|
|
|
|
<div class="panel-footer">Footer</div>
|
|
|
|
|
</div></div>
|
|
|
|
|
<div id="testId2" class="testClass2 panel panel-default"><div class="panel-heading"><h4 class="panel-title"><a class="collapse-toggle collapsed" href="#w0-collapse3" data-toggle="collapse" data-parent="#w0"><h1>Collapsible Group Item #3</h1></a>
|
|
|
|
|
</h4></div>
|
|
|
|
|
<div id="w0-collapse3" class="testContentOptions2 panel-collapse collapse"><ul class="list-group">
|
|
|
|
|
<li class="list-group-item"><h2>test content1</h2></li>
|
|
|
|
|
<li class="list-group-item"><h2>test content2</h2></li>
|
|
|
|
|
</ul>
|
|
|
|
|
<div class="panel-footer">Footer2</div>
|
|
|
|
|
</div></div>
|
|
|
|
|
<div id="testId3" class="testClass3 panel panel-default"><div class="panel-heading"><h4 class="panel-title"><a class="collapse-toggle collapsed" href="#w0-collapse4" data-toggle="collapse" data-parent="#w0"><h1>Collapsible Group Item #4</h1></a>
|
|
|
|
|
</h4></div>
|
|
|
|
|
<div id="w0-collapse4" class="testContentOptions3 panel-collapse collapse"><ul class="list-group">
|
|
|
|
|
<li class="list-group-item"><h2>test content1</h2></li>
|
|
|
|
|
<li class="list-group-item"><h2>test content2</h2></li>
|
|
|
|
|
</ul>
|
|
|
|
|
<div class="panel-footer">Footer3</div>
|
|
|
|
|
</div></div>
|
|
|
|
|
</div>
|
|
|
|
|
|
|
|
|
|
HTML
|
|
|
|
|
, $output);
|
|
|
|
|
}
|
|
|
|
|
|
|
|
|
|
public function testLabelKeys()
|
|
|
|
|
{
|
|
|
|
|
ob_start();
|
|
|
|
|
$form = ActiveForm::begin(['action' => '/something']);
|
|
|
|
|
ActiveForm::end();
|
|
|
|
|
ob_end_clean();
|
|
|
|
|
|
|
|
|
|
Collapse::$counter = 0;
|
|
|
|
|
$output = Collapse::widget([
|
|
|
|
|
'items' => [
|
|
|
|
|
'Item1' => 'Content1',
|
|
|
|
|
'Item2' => [
|
|
|
|
|
'content' => 'Content2',
|
|
|
|
|
],
|
|
|
|
|
[
|
|
|
|
|
'label' => 'Item3',
|
|
|
|
|
'content' => 'Content3',
|
|
|
|
|
],
|
|
|
|
|
'FormField' => $form->field(new DynamicModel(['test']), 'test',['template' => '{input}']),
|
|
|
|
|
]
|
|
|
|
|
]);
|
|
|
|
|
|
|
|
|
|
$this->assertEqualsWithoutLE(<<<HTML
|
|
|
|
|
<div id="w0" class="panel-group">
|
|
|
|
|
<div class="panel panel-default"><div class="panel-heading"><h4 class="panel-title"><a class="collapse-toggle collapsed" href="#w0-collapse1" data-toggle="collapse" data-parent="#w0">Item1</a>
|
|
|
|
|
</h4></div>
|
|
|
|
|
<div id="w0-collapse1" class="panel-collapse collapse"><div class="panel-body">Content1</div>
|
|
|
|
|
</div></div>
|
|
|
|
|
<div class="panel panel-default"><div class="panel-heading"><h4 class="panel-title"><a class="collapse-toggle collapsed" href="#w0-collapse2" data-toggle="collapse" data-parent="#w0">Item2</a>
|
|
|
|
|
</h4></div>
|
|
|
|
|
<div id="w0-collapse2" class="panel-collapse collapse"><div class="panel-body">Content2</div>
|
|
|
|
|
</div></div>
|
|
|
|
|
<div class="panel panel-default"><div class="panel-heading"><h4 class="panel-title"><a class="collapse-toggle collapsed" href="#w0-collapse3" data-toggle="collapse" data-parent="#w0">Item3</a>
|
|
|
|
|
</h4></div>
|
|
|
|
|
<div id="w0-collapse3" class="panel-collapse collapse"><div class="panel-body">Content3</div>
|
|
|
|
|
</div></div>
|
|
|
|
|
<div class="panel panel-default"><div class="panel-heading"><h4 class="panel-title"><a class="collapse-toggle collapsed" href="#w0-collapse4" data-toggle="collapse" data-parent="#w0">FormField</a>
|
|
|
|
|
</h4></div>
|
|
|
|
|
<div id="w0-collapse4" class="panel-collapse collapse"><div class="panel-body"><div class="form-group field-dynamicmodel-test">
|
|
|
|
|
<input type="text" id="dynamicmodel-test" class="form-control" name="DynamicModel[test]">
|
|
|
|
|
</div></div>
|
|
|
|
|
</div></div>
|
|
|
|
|
</div>
|
|
|
|
|
|
|
|
|
|
HTML
|
|
|
|
|
, $output);
|
|
|
|
|
}
|
|
|
|
|
|
|
|
|
|
public function invalidItemsProvider()
|
|
|
|
|
{
|
|
|
|
|
return [
|
|
|
|
|
[ ['content'] ], // only content without label key
|
|
|
|
|
[ [[]] ], // only content array without label
|
|
|
|
|
[ [['content' => 'test']] ], // only content array without label
|
|
|
|
|
];
|
|
|
|
|
}
|
|
|
|
|
|
|
|
|
|
/**
|
|
|
|
|
* @dataProvider invalidItemsProvider
|
|
|
|
|
* @expectedException \yii\base\InvalidConfigException
|
|
|
|
|
*/
|
|
|
|
|
public function testMissingLabel($items)
|
|
|
|
|
{
|
|
|
|
|
Collapse::widget([
|
|
|
|
|
'items' => $items,
|
|
|
|
|
]);
|
|
|
|
|
}
|
|
|
|
|
|
|
|
|
|
/**
|
|
|
|
|
* @see https://github.com/yiisoft/yii2/issues/8357
|
|
|
|
|
*/
|
|
|
|
|
public function testRenderObject()
|
|
|
|
|
{
|
|
|
|
|
$template = ['template' => '{input}'];
|
|
|
|
|
ob_start();
|
|
|
|
|
$form = ActiveForm::begin(['action' => '/something']);
|
|
|
|
|
ActiveForm::end();
|
|
|
|
|
ob_end_clean();
|
|
|
|
|
$model = new data\Singer;
|
|
|
|
|
|
|
|
|
|
Collapse::$counter = 0;
|
|
|
|
|
$output = Collapse::widget([
|
|
|
|
|
'items' => [
|
|
|
|
|
[
|
|
|
|
|
'label' => 'Collapsible Group Item #1',
|
|
|
|
|
'content' => $form->field($model, 'firstName', $template)
|
|
|
|
|
],
|
|
|
|
|
]
|
|
|
|
|
]);
|
|
|
|
|
|
|
|
|
|
$this->assertEqualsWithoutLE(<<<HTML
|
|
|
|
|
<div id="w0" class="panel-group">
|
|
|
|
|
<div class="panel panel-default"><div class="panel-heading"><h4 class="panel-title"><a class="collapse-toggle collapsed" href="#w0-collapse1" data-toggle="collapse" data-parent="#w0">Collapsible Group Item #1</a>
|
|
|
|
|
</h4></div>
|
|
|
|
|
<div id="w0-collapse1" class="panel-collapse collapse"><div class="panel-body"><div class="form-group field-singer-firstname">
|
|
|
|
|
<input type="text" id="singer-firstname" class="form-control" name="Singer[firstName]">
|
|
|
|
|
</div></div>
|
|
|
|
|
</div></div>
|
|
|
|
|
</div>
|
|
|
|
|
|
|
|
|
|
HTML
|
|
|
|
|
, $output);
|
|
|
|
|
}
|
|
|
|
|
|
|
|
|
|
public function testAutoCloseItems()
|
|
|
|
|
{
|
|
|
|
|
$items = [
|
|
|
|
|
[
|
|
|
|
|
'label' => 'Item 1',
|
|
|
|
|
'content' => 'Content 1',
|
|
|
|
|
],
|
|
|
|
|
[
|
|
|
|
|
'label' => 'Item 2',
|
|
|
|
|
'content' => 'Content 2',
|
|
|
|
|
],
|
|
|
|
|
];
|
|
|
|
|
|
|
|
|
|
$output = Collapse::widget([
|
|
|
|
|
'items' => $items
|
|
|
|
|
]);
|
|
|
|
|
$this->assertContains('data-parent="', $output);
|
|
|
|
|
$output = Collapse::widget([
|
|
|
|
|
'autoCloseItems' => false,
|
|
|
|
|
'items' => $items
|
|
|
|
|
]);
|
|
|
|
|
$this->assertNotContains('data-parent="', $output);
|
|
|
|
|
}
|
|
|
|
|
|
|
|
|
|
/**
|
|
|
|
|
* @depends testRender
|
|
|
|
|
*/
|
|
|
|
|
public function testItemToggleTag()
|
|
|
|
|
{
|
|
|
|
|
$items = [
|
|
|
|
|
[
|
|
|
|
|
'label' => 'Item 1',
|
|
|
|
|
'content' => 'Content 1',
|
|
|
|
|
],
|
|
|
|
|
[
|
|
|
|
|
'label' => 'Item 2',
|
|
|
|
|
'content' => 'Content 2',
|
|
|
|
|
],
|
|
|
|
|
];
|
|
|
|
|
|
|
|
|
|
$output = Collapse::widget([
|
|
|
|
|
'items' => $items,
|
|
|
|
|
'itemToggleOptions' => [
|
|
|
|
|
'tag' => 'span',
|
|
|
|
|
'class' => 'custom-toggle',
|
|
|
|
|
],
|
|
|
|
|
]);
|
|
|
|
|
$this->assertContains('<h4 class="panel-title"><span class="custom-toggle collapse-toggle collapsed" data-toggle="collapse" ', $output);
|
|
|
|
|
$this->assertNotContains('<a', $output);
|
|
|
|
|
|
|
|
|
|
$output = Collapse::widget([
|
|
|
|
|
'items' => $items,
|
|
|
|
|
'itemToggleOptions' => [
|
|
|
|
|
'tag' => 'span',
|
|
|
|
|
'class' => ['widget' => 'custom-toggle'],
|
|
|
|
|
],
|
|
|
|
|
]);
|
|
|
|
|
$this->assertContains('<h4 class="panel-title"><span class="custom-toggle collapsed" data-toggle="collapse" ', $output);
|
|
|
|
|
$this->assertNotContains('collapse-toggle', $output);
|
|
|
|
|
}
|
|
|
|
|
|
|
|
|
|
/**
|
|
|
|
|
* @depends testRender
|
|
|
|
|
*/
|
|
|
|
|
public function testItemToggleTagClasses()
|
|
|
|
|
{
|
|
|
|
|
$items = [
|
|
|
|
|
[
|
|
|
|
|
'label' => 'Item 1',
|
|
|
|
|
'content' => 'Content 1',
|
|
|
|
|
'contentOptions' => [
|
|
|
|
|
'class' => 'in'
|
|
|
|
|
],
|
|
|
|
|
],
|
|
|
|
|
[
|
|
|
|
|
'label' => 'Item 2',
|
|
|
|
|
'content' => 'Content 2',
|
|
|
|
|
],
|
|
|
|
|
];
|
|
|
|
|
$output = Collapse::widget([
|
|
|
|
|
'items' => $items,
|
|
|
|
|
]);
|
|
|
|
|
$this->assertContains('<h4 class="panel-title"><a class="collapse-toggle" href="#w5-collapse1" data-toggle="collapse" ', $output);
|
|
|
|
|
$this->assertContains('<h4 class="panel-title"><a class="collapse-toggle collapsed" href="#w5-collapse2" data-toggle="collapse" ', $output);
|
|
|
|
|
}
|
|
|
|
|
}
|
