2021-07-09 17:53:24 +08:00
|
|
|
<?php
|
|
|
|
|
|
|
|
|
|
namespace yiiunit\extensions\bootstrap5;
|
|
|
|
|
|
|
|
|
|
use yii\base\DynamicModel;
|
|
|
|
|
use yii\bootstrap5\ActiveField;
|
|
|
|
|
use yii\bootstrap5\ActiveForm;
|
|
|
|
|
use yii\bootstrap5\Html;
|
|
|
|
|
|
|
|
|
|
class ActiveFieldTest extends TestCase
|
|
|
|
|
{
|
|
|
|
|
/**
|
|
|
|
|
* @var ActiveField
|
|
|
|
|
*/
|
|
|
|
|
private $activeField;
|
|
|
|
|
/**
|
|
|
|
|
* @var DynamicModel
|
|
|
|
|
*/
|
|
|
|
|
private $helperModel;
|
|
|
|
|
/**
|
|
|
|
|
* @var ActiveForm
|
|
|
|
|
*/
|
|
|
|
|
private $helperForm;
|
|
|
|
|
/**
|
|
|
|
|
* @var string
|
|
|
|
|
*/
|
|
|
|
|
private $attributeName = 'attributeName';
|
|
|
|
|
|
|
|
|
|
public function testFileInput()
|
|
|
|
|
{
|
|
|
|
|
$html = $this->activeField->fileInput()->render();
|
|
|
|
|
|
|
|
|
|
$expectedHtml = <<<HTML
|
2021-07-12 23:22:29 +08:00
|
|
|
<div class="mb-3 field-dynamicmodel-attributename">
|
|
|
|
|
<label class="form-label" for="dynamicmodel-attributename">Attribute Name</label>
|
|
|
|
|
<input type="hidden" name="DynamicModel[attributeName]" value=""><input type="file" id="dynamicmodel-attributename" class="form-control" name="DynamicModel[attributeName]">
|
2021-07-09 17:53:24 +08:00
|
|
|
|
2021-11-18 10:15:07 +08:00
|
|
|
<div class="invalid-feedback"></div>
|
|
|
|
|
</div>
|
|
|
|
|
HTML;
|
|
|
|
|
|
|
|
|
|
$this->assertEqualsWithoutLE($expectedHtml, $html);
|
|
|
|
|
}
|
|
|
|
|
|
|
|
|
|
public function testRangeInput()
|
|
|
|
|
{
|
|
|
|
|
$html = $this->activeField->rangeInput()->render();
|
|
|
|
|
|
|
|
|
|
$expectedHtml = <<<HTML
|
|
|
|
|
<div class="mb-3 field-dynamicmodel-attributename">
|
|
|
|
|
<label class="form-label" for="dynamicmodel-attributename">Attribute Name</label>
|
2021-11-24 18:23:24 +08:00
|
|
|
<input type="range" id="dynamicmodel-attributename" class="form-range" name="DynamicModel[attributeName]">
|
2021-11-18 10:15:07 +08:00
|
|
|
|
|
|
|
|
<div class="invalid-feedback"></div>
|
|
|
|
|
</div>
|
|
|
|
|
HTML;
|
|
|
|
|
|
|
|
|
|
$this->assertEqualsWithoutLE($expectedHtml, $html);
|
|
|
|
|
}
|
|
|
|
|
|
|
|
|
|
public function testColorInput()
|
|
|
|
|
{
|
|
|
|
|
$html = $this->activeField->colorInput()->render();
|
|
|
|
|
|
|
|
|
|
$expectedHtml = <<<HTML
|
|
|
|
|
<div class="mb-3 field-dynamicmodel-attributename">
|
|
|
|
|
<label class="form-label" for="dynamicmodel-attributename">Attribute Name</label>
|
2021-11-24 18:23:24 +08:00
|
|
|
<input type="color" id="dynamicmodel-attributename" class="form-control form-control-color" name="DynamicModel[attributeName]">
|
2021-11-18 10:15:07 +08:00
|
|
|
|
2021-07-09 17:53:24 +08:00
|
|
|
<div class="invalid-feedback"></div>
|
|
|
|
|
</div>
|
|
|
|
|
HTML;
|
|
|
|
|
|
|
|
|
|
$this->assertEqualsWithoutLE($expectedHtml, $html);
|
|
|
|
|
}
|
|
|
|
|
|
|
|
|
|
public function testRadioList()
|
|
|
|
|
{
|
|
|
|
|
$html = $this->activeField->radioList([1 => 'name1', 2 => 'name2'])->render();
|
|
|
|
|
|
|
|
|
|
$expectedHtml = <<<HTML
|
2021-07-12 23:22:29 +08:00
|
|
|
<div class="mb-3 field-dynamicmodel-attributename">
|
|
|
|
|
<label class="form-label">Attribute Name</label>
|
|
|
|
|
<input type="hidden" name="DynamicModel[attributeName]" value=""><div id="dynamicmodel-attributename" role="radiogroup"><div class="form-check">
|
|
|
|
|
<input type="radio" id="i0" class="form-check-input" name="DynamicModel[attributeName]" value="1">
|
|
|
|
|
<label class="form-check-label" for="i0">name1</label>
|
2021-07-09 17:53:24 +08:00
|
|
|
</div>
|
|
|
|
|
|
2021-07-12 23:22:29 +08:00
|
|
|
<div class="form-check">
|
|
|
|
|
<input type="radio" id="i1" class="form-check-input" name="DynamicModel[attributeName]" value="2">
|
|
|
|
|
<label class="form-check-label" for="i1">name2</label>
|
2021-07-09 17:53:24 +08:00
|
|
|
<div class="invalid-feedback"></div>
|
|
|
|
|
</div>
|
|
|
|
|
</div>
|
|
|
|
|
|
|
|
|
|
</div>
|
|
|
|
|
HTML;
|
|
|
|
|
$this->assertEqualsWithoutLE($expectedHtml, $html);
|
|
|
|
|
}
|
|
|
|
|
|
2021-08-04 14:21:51 +08:00
|
|
|
// Tests :
|
|
|
|
|
|
2021-07-09 17:53:24 +08:00
|
|
|
public function testRadioError()
|
|
|
|
|
{
|
|
|
|
|
$this->helperModel->addError($this->attributeName, 'Test print error message');
|
|
|
|
|
$html = $this->activeField->radio()->render();
|
|
|
|
|
|
|
|
|
|
$expectedHtml = <<<HTML
|
2021-07-12 23:22:29 +08:00
|
|
|
<div class="mb-3 field-dynamicmodel-attributename">
|
|
|
|
|
<div class="form-check">
|
|
|
|
|
<input type="hidden" name="DynamicModel[attributeName]" value="0"><input type="radio" id="dynamicmodel-attributename" class="form-check-input is-invalid" name="DynamicModel[attributeName]" value="1" aria-invalid="true">
|
|
|
|
|
<label class="form-check-label" for="dynamicmodel-attributename">Attribute Name</label>
|
2021-07-09 17:53:24 +08:00
|
|
|
<div class="invalid-feedback">Test print error message</div>
|
|
|
|
|
|
|
|
|
|
</div>
|
|
|
|
|
</div>
|
|
|
|
|
HTML;
|
|
|
|
|
$this->assertEqualsWithoutLE($expectedHtml, $html);
|
|
|
|
|
}
|
|
|
|
|
|
|
|
|
|
public function testRadioListError()
|
|
|
|
|
{
|
|
|
|
|
$this->helperModel->addError($this->attributeName, 'Test print error message');
|
|
|
|
|
$html = $this->activeField->radioList([1 => 'name1', 2 => 'name2'])->render();
|
|
|
|
|
|
|
|
|
|
$expectedHtml = <<<HTML
|
2021-07-12 23:22:29 +08:00
|
|
|
<div class="mb-3 field-dynamicmodel-attributename">
|
|
|
|
|
<label class="form-label">Attribute Name</label>
|
|
|
|
|
<input type="hidden" name="DynamicModel[attributeName]" value=""><div id="dynamicmodel-attributename" class="is-invalid" role="radiogroup" aria-invalid="true"><div class="form-check">
|
|
|
|
|
<input type="radio" id="i0" class="form-check-input" name="DynamicModel[attributeName]" value="1">
|
|
|
|
|
<label class="form-check-label" for="i0">name1</label>
|
2021-07-09 17:53:24 +08:00
|
|
|
</div>
|
|
|
|
|
|
2021-07-12 23:22:29 +08:00
|
|
|
<div class="form-check">
|
|
|
|
|
<input type="radio" id="i1" class="form-check-input" name="DynamicModel[attributeName]" value="2">
|
|
|
|
|
<label class="form-check-label" for="i1">name2</label>
|
2021-07-09 17:53:24 +08:00
|
|
|
<div class="invalid-feedback">Test print error message</div>
|
|
|
|
|
</div>
|
|
|
|
|
</div>
|
|
|
|
|
|
|
|
|
|
</div>
|
|
|
|
|
HTML;
|
|
|
|
|
$this->assertEqualsWithoutLE($expectedHtml, $html);
|
|
|
|
|
}
|
|
|
|
|
|
|
|
|
|
public function testCheckboxList()
|
|
|
|
|
{
|
|
|
|
|
$html = $this->activeField->checkboxList([1 => 'name1', 2 => 'name2'])->render();
|
|
|
|
|
|
|
|
|
|
$expectedHtml = <<<HTML
|
2021-07-12 23:22:29 +08:00
|
|
|
<div class="mb-3 field-dynamicmodel-attributename">
|
|
|
|
|
<label class="form-label">Attribute Name</label>
|
|
|
|
|
<input type="hidden" name="DynamicModel[attributeName]" value=""><div id="dynamicmodel-attributename"><div class="form-check">
|
|
|
|
|
<input type="checkbox" id="i0" class="form-check-input" name="DynamicModel[attributeName][]" value="1">
|
|
|
|
|
<label class="form-check-label" for="i0">name1</label>
|
2021-07-09 17:53:24 +08:00
|
|
|
</div>
|
|
|
|
|
|
2021-07-12 23:22:29 +08:00
|
|
|
<div class="form-check">
|
|
|
|
|
<input type="checkbox" id="i1" class="form-check-input" name="DynamicModel[attributeName][]" value="2">
|
|
|
|
|
<label class="form-check-label" for="i1">name2</label>
|
2021-07-09 17:53:24 +08:00
|
|
|
<div class="invalid-feedback"></div>
|
|
|
|
|
</div>
|
|
|
|
|
</div>
|
|
|
|
|
|
2021-11-24 18:18:52 +08:00
|
|
|
</div>
|
|
|
|
|
HTML;
|
|
|
|
|
$this->assertEqualsWithoutLE($expectedHtml, $html);
|
|
|
|
|
}
|
|
|
|
|
|
|
|
|
|
/**
|
|
|
|
|
* @test checkbox
|
|
|
|
|
*/
|
|
|
|
|
public function testCheckboxSwitch()
|
|
|
|
|
{
|
|
|
|
|
$html = $this->activeField->checkbox(['switch' => true])->render();
|
|
|
|
|
|
|
|
|
|
$expectedHtml = <<<HTML
|
|
|
|
|
<div class="mb-3 field-dynamicmodel-attributename">
|
|
|
|
|
<div class="form-check form-switch">
|
2021-11-24 18:39:15 +08:00
|
|
|
<input type="hidden" name="DynamicModel[attributeName]" value="0"><input type="checkbox" id="dynamicmodel-attributename" class="form-check-input" name="DynamicModel[attributeName]" value="1" role="switch">
|
2021-11-24 18:18:52 +08:00
|
|
|
<label class="form-check-label" for="dynamicmodel-attributename">Attribute Name</label>
|
2021-11-24 18:23:24 +08:00
|
|
|
<div class="invalid-feedback"></div>
|
2021-11-24 18:36:45 +08:00
|
|
|
|
|
|
|
|
</div>
|
2021-07-09 17:53:24 +08:00
|
|
|
</div>
|
|
|
|
|
HTML;
|
|
|
|
|
$this->assertEqualsWithoutLE($expectedHtml, $html);
|
|
|
|
|
}
|
|
|
|
|
|
|
|
|
|
public function testCheckboxError()
|
|
|
|
|
{
|
|
|
|
|
$this->helperModel->addError($this->attributeName, 'Test print error message');
|
|
|
|
|
$html = $this->activeField->checkbox()->render();
|
|
|
|
|
|
|
|
|
|
$expectedHtml = <<<HTML
|
2021-07-12 23:22:29 +08:00
|
|
|
<div class="mb-3 field-dynamicmodel-attributename">
|
|
|
|
|
<div class="form-check">
|
|
|
|
|
<input type="hidden" name="DynamicModel[attributeName]" value="0"><input type="checkbox" id="dynamicmodel-attributename" class="form-check-input is-invalid" name="DynamicModel[attributeName]" value="1" aria-invalid="true">
|
|
|
|
|
<label class="form-check-label" for="dynamicmodel-attributename">Attribute Name</label>
|
2021-07-09 17:53:24 +08:00
|
|
|
<div class="invalid-feedback">Test print error message</div>
|
|
|
|
|
|
|
|
|
|
</div>
|
|
|
|
|
</div>
|
|
|
|
|
HTML;
|
|
|
|
|
$this->assertEqualsWithoutLE($expectedHtml, $html);
|
|
|
|
|
}
|
|
|
|
|
|
|
|
|
|
public function testCheckboxListError()
|
|
|
|
|
{
|
|
|
|
|
$this->helperModel->addError($this->attributeName, 'Test print error message');
|
|
|
|
|
$html = $this->activeField->checkboxList([1 => 'name1', 2 => 'name2'])->render();
|
|
|
|
|
|
|
|
|
|
$expectedHtml = <<<HTML
|
2021-07-12 23:22:29 +08:00
|
|
|
<div class="mb-3 field-dynamicmodel-attributename">
|
|
|
|
|
<label class="form-label">Attribute Name</label>
|
|
|
|
|
<input type="hidden" name="DynamicModel[attributeName]" value=""><div id="dynamicmodel-attributename" class="is-invalid" aria-invalid="true"><div class="form-check">
|
|
|
|
|
<input type="checkbox" id="i0" class="form-check-input" name="DynamicModel[attributeName][]" value="1">
|
|
|
|
|
<label class="form-check-label" for="i0">name1</label>
|
2021-07-09 17:53:24 +08:00
|
|
|
</div>
|
|
|
|
|
|
2021-07-12 23:22:29 +08:00
|
|
|
<div class="form-check">
|
|
|
|
|
<input type="checkbox" id="i1" class="form-check-input" name="DynamicModel[attributeName][]" value="2">
|
|
|
|
|
<label class="form-check-label" for="i1">name2</label>
|
2021-07-09 17:53:24 +08:00
|
|
|
<div class="invalid-feedback">Test print error message</div>
|
|
|
|
|
</div>
|
|
|
|
|
</div>
|
|
|
|
|
|
|
|
|
|
</div>
|
|
|
|
|
HTML;
|
|
|
|
|
$this->assertEqualsWithoutLE($expectedHtml, $html);
|
|
|
|
|
}
|
|
|
|
|
|
|
|
|
|
public function testRadioListInline()
|
|
|
|
|
{
|
|
|
|
|
$this->activeField->inline = true;
|
|
|
|
|
$html = $this->activeField->radioList([1 => 'name1', 2 => 'name2'])->render();
|
|
|
|
|
|
|
|
|
|
$expectedHtml = <<<HTML
|
2021-07-12 23:22:29 +08:00
|
|
|
<div class="mb-3 field-dynamicmodel-attributename">
|
|
|
|
|
<label class="form-label">Attribute Name</label>
|
2021-10-12 18:34:14 +08:00
|
|
|
<input type="hidden" name="DynamicModel[attributeName]" value=""><div id="dynamicmodel-attributename" role="radiogroup"><div class="form-check form-check-inline">
|
2021-07-12 23:22:29 +08:00
|
|
|
<input type="radio" id="i0" class="form-check-input" name="DynamicModel[attributeName]" value="1">
|
|
|
|
|
<label class="form-check-label" for="i0">name1</label>
|
2021-07-09 17:53:24 +08:00
|
|
|
</div>
|
|
|
|
|
|
2021-10-12 18:34:14 +08:00
|
|
|
<div class="form-check form-check-inline">
|
2021-07-12 23:22:29 +08:00
|
|
|
<input type="radio" id="i1" class="form-check-input" name="DynamicModel[attributeName]" value="2">
|
|
|
|
|
<label class="form-check-label" for="i1">name2</label>
|
2021-07-09 17:53:24 +08:00
|
|
|
<div class="invalid-feedback"></div>
|
|
|
|
|
</div>
|
|
|
|
|
</div>
|
|
|
|
|
|
|
|
|
|
</div>
|
|
|
|
|
HTML;
|
|
|
|
|
$this->assertEqualsWithoutLE($expectedHtml, $html);
|
|
|
|
|
}
|
|
|
|
|
|
|
|
|
|
public function testCheckboxListInline()
|
|
|
|
|
{
|
|
|
|
|
$this->activeField->inline = true;
|
|
|
|
|
$html = $this->activeField->checkboxList([1 => 'name1', 2 => 'name2'])->render();
|
|
|
|
|
|
|
|
|
|
$expectedHtml = <<<HTML
|
2021-07-12 23:22:29 +08:00
|
|
|
<div class="mb-3 field-dynamicmodel-attributename">
|
|
|
|
|
<label class="form-label">Attribute Name</label>
|
2021-10-12 18:34:14 +08:00
|
|
|
<input type="hidden" name="DynamicModel[attributeName]" value=""><div id="dynamicmodel-attributename"><div class="form-check form-check-inline">
|
2021-07-12 23:22:29 +08:00
|
|
|
<input type="checkbox" id="i0" class="form-check-input" name="DynamicModel[attributeName][]" value="1">
|
|
|
|
|
<label class="form-check-label" for="i0">name1</label>
|
2021-07-09 17:53:24 +08:00
|
|
|
</div>
|
|
|
|
|
|
2021-10-12 18:34:14 +08:00
|
|
|
<div class="form-check form-check-inline">
|
2021-07-12 23:22:29 +08:00
|
|
|
<input type="checkbox" id="i1" class="form-check-input" name="DynamicModel[attributeName][]" value="2">
|
|
|
|
|
<label class="form-check-label" for="i1">name2</label>
|
2021-07-09 17:53:24 +08:00
|
|
|
<div class="invalid-feedback"></div>
|
|
|
|
|
</div>
|
|
|
|
|
</div>
|
|
|
|
|
|
|
|
|
|
</div>
|
|
|
|
|
HTML;
|
|
|
|
|
$this->assertEqualsWithoutLE($expectedHtml, $html);
|
|
|
|
|
}
|
|
|
|
|
|
|
|
|
|
/**
|
|
|
|
|
* @see https://github.com/yiisoft/yii2-bootstrap/issues/81
|
|
|
|
|
*/
|
|
|
|
|
public function testRadioListItemOptions()
|
|
|
|
|
{
|
|
|
|
|
$content = $this->activeField->radioList([1 => 'name1', 2 => 'name2'], [
|
|
|
|
|
'itemOptions' => [
|
|
|
|
|
'data-attribute' => 'test'
|
|
|
|
|
]
|
|
|
|
|
])->render();
|
|
|
|
|
|
2024-03-28 16:27:15 +08:00
|
|
|
$this->assertStringContainsString('data-attribute="test"', $content);
|
2021-07-09 17:53:24 +08:00
|
|
|
}
|
|
|
|
|
|
|
|
|
|
/**
|
|
|
|
|
*
|
|
|
|
|
* @see https://github.com/yiisoft/yii2-bootstrap/issues/81
|
|
|
|
|
*/
|
|
|
|
|
public function testCheckboxListItemOptions()
|
|
|
|
|
{
|
|
|
|
|
$content = $this->activeField->checkboxList([1 => 'name1', 2 => 'name2'], [
|
|
|
|
|
'itemOptions' => [
|
|
|
|
|
'data-attribute' => 'test'
|
|
|
|
|
]
|
|
|
|
|
])->render();
|
|
|
|
|
|
2024-03-28 16:27:15 +08:00
|
|
|
$this->assertStringContainsString('data-attribute="test"', $content);
|
2021-07-09 17:53:24 +08:00
|
|
|
}
|
2021-08-04 14:21:51 +08:00
|
|
|
|
2024-03-28 16:27:15 +08:00
|
|
|
protected function setUp(): void
|
2021-08-04 14:21:51 +08:00
|
|
|
{
|
|
|
|
|
// dirty way to have Request object not throwing exception when running testHomeLinkNull()
|
|
|
|
|
$_SERVER['SCRIPT_FILENAME'] = "index.php";
|
|
|
|
|
$_SERVER['SCRIPT_NAME'] = "index.php";
|
|
|
|
|
parent::setUp();
|
|
|
|
|
|
2021-11-18 10:15:07 +08:00
|
|
|
Html::$counter = 0;
|
|
|
|
|
|
2021-08-04 14:21:51 +08:00
|
|
|
$this->helperModel = new DynamicModel(['attributeName']);
|
|
|
|
|
ob_start();
|
|
|
|
|
$this->helperForm = ActiveForm::begin(['action' => '/something']);
|
|
|
|
|
ActiveForm::end();
|
|
|
|
|
ob_end_clean();
|
|
|
|
|
|
|
|
|
|
$this->activeField = new ActiveField(['form' => $this->helperForm]);
|
|
|
|
|
$this->activeField->model = $this->helperModel;
|
|
|
|
|
$this->activeField->attribute = $this->attributeName;
|
|
|
|
|
}
|
2021-07-09 17:53:24 +08:00
|
|
|
}
|
