You can not select more than 25 topics
Topics must start with a letter or number, can include dashes ('-') and can be up to 35 characters long.
524 lines
18 KiB
524 lines
18 KiB
<?php |
|
|
|
namespace yiiunit\framework\helpers; |
|
|
|
use Yii; |
|
use yii\helpers\Html; |
|
use yiiunit\TestCase; |
|
|
|
class HtmlTest extends TestCase |
|
{ |
|
protected function setUp() |
|
{ |
|
parent::setUp(); |
|
$this->mockApplication(array( |
|
'components' => array( |
|
'request' => array( |
|
'class' => 'yii\web\Request', |
|
'url' => '/test', |
|
), |
|
'response' => array( |
|
'class' => 'yii\web\Response', |
|
), |
|
), |
|
)); |
|
} |
|
|
|
public function assertEqualsWithoutLE($expected, $actual) |
|
{ |
|
$expected = str_replace("\r\n", "\n", $expected); |
|
$actual = str_replace("\r\n", "\n", $actual); |
|
|
|
$this->assertEquals($expected, $actual); |
|
} |
|
|
|
public function testEncode() |
|
{ |
|
$this->assertEquals("a<>&"'", Html::encode("a<>&\"'")); |
|
} |
|
|
|
public function testDecode() |
|
{ |
|
$this->assertEquals("a<>&\"'", Html::decode("a<>&"'")); |
|
} |
|
|
|
public function testTag() |
|
{ |
|
$this->assertEquals('<br>', Html::tag('br')); |
|
$this->assertEquals('<span></span>', Html::tag('span')); |
|
$this->assertEquals('<div>content</div>', Html::tag('div', 'content')); |
|
$this->assertEquals('<input type="text" name="test" value="<>">', Html::tag('input', '', array('type' => 'text', 'name' => 'test', 'value' => '<>'))); |
|
$this->assertEquals('<span disabled></span>', Html::tag('span', '', array('disabled' => true))); |
|
} |
|
|
|
public function testBeginTag() |
|
{ |
|
$this->assertEquals('<br>', Html::beginTag('br')); |
|
$this->assertEquals('<span id="test" class="title">', Html::beginTag('span', array('id' => 'test', 'class' => 'title'))); |
|
} |
|
|
|
public function testEndTag() |
|
{ |
|
$this->assertEquals('</br>', Html::endTag('br')); |
|
$this->assertEquals('</span>', Html::endTag('span')); |
|
} |
|
|
|
public function testStyle() |
|
{ |
|
$content = 'a <>'; |
|
$this->assertEquals("<style>$content</style>", Html::style($content)); |
|
$this->assertEquals("<style type=\"text/less\">$content</style>", Html::style($content, array('type' => 'text/less'))); |
|
} |
|
|
|
public function testScript() |
|
{ |
|
$content = 'a <>'; |
|
$this->assertEquals("<script>$content</script>", Html::script($content)); |
|
$this->assertEquals("<script type=\"text/js\">$content</script>", Html::script($content, array('type' => 'text/js'))); |
|
} |
|
|
|
public function testCssFile() |
|
{ |
|
$this->assertEquals('<link href="http://example.com" rel="stylesheet">', Html::cssFile('http://example.com')); |
|
$this->assertEquals('<link href="/test" rel="stylesheet">', Html::cssFile('')); |
|
} |
|
|
|
public function testJsFile() |
|
{ |
|
$this->assertEquals('<script src="http://example.com"></script>', Html::jsFile('http://example.com')); |
|
$this->assertEquals('<script src="/test"></script>', Html::jsFile('')); |
|
} |
|
|
|
public function testBeginForm() |
|
{ |
|
$this->assertEquals('<form action="/test" method="post">', Html::beginForm()); |
|
$this->assertEquals('<form action="/example" method="get">', Html::beginForm('/example', 'get')); |
|
$hiddens = array( |
|
'<input type="hidden" name="id" value="1">', |
|
'<input type="hidden" name="title" value="<">', |
|
); |
|
$this->assertEquals('<form action="/example" method="get">' . "\n" . implode("\n", $hiddens), Html::beginForm('/example?id=1&title=%3C', 'get')); |
|
} |
|
|
|
public function testEndForm() |
|
{ |
|
$this->assertEquals('</form>', Html::endForm()); |
|
} |
|
|
|
public function testA() |
|
{ |
|
$this->assertEquals('<a>something<></a>', Html::a('something<>')); |
|
$this->assertEquals('<a href="/example">something</a>', Html::a('something', '/example')); |
|
$this->assertEquals('<a href="/test">something</a>', Html::a('something', '')); |
|
} |
|
|
|
public function testMailto() |
|
{ |
|
$this->assertEquals('<a href="mailto:test<>">test<></a>', Html::mailto('test<>')); |
|
$this->assertEquals('<a href="mailto:test>">test<></a>', Html::mailto('test<>', 'test>')); |
|
} |
|
|
|
public function testImg() |
|
{ |
|
$this->assertEquals('<img src="/example" alt="">', Html::img('/example')); |
|
$this->assertEquals('<img src="/test" alt="">', Html::img('')); |
|
$this->assertEquals('<img src="/example" width="10" alt="something">', Html::img('/example', array('alt' => 'something', 'width' => 10))); |
|
} |
|
|
|
public function testLabel() |
|
{ |
|
$this->assertEquals('<label>something<></label>', Html::label('something<>')); |
|
$this->assertEquals('<label for="a">something<></label>', Html::label('something<>', 'a')); |
|
$this->assertEquals('<label class="test" for="a">something<></label>', Html::label('something<>', 'a', array('class' => 'test'))); |
|
} |
|
|
|
public function testButton() |
|
{ |
|
$this->assertEquals('<button>Button</button>', Html::button()); |
|
$this->assertEquals('<button name="test" value="value">content<></button>', Html::button('content<>', array('name' => 'test', 'value' => 'value'))); |
|
$this->assertEquals('<button type="submit" class="t" name="test" value="value">content<></button>', Html::button('content<>', array('type' => 'submit', 'name' => 'test', 'value' => 'value', 'class' => "t"))); |
|
} |
|
|
|
public function testSubmitButton() |
|
{ |
|
$this->assertEquals('<button type="submit">Submit</button>', Html::submitButton()); |
|
$this->assertEquals('<button type="submit" class="t" name="test" value="value">content<></button>', Html::submitButton('content<>', array('name' => 'test', 'value' => 'value', 'class' => 't'))); |
|
} |
|
|
|
public function testResetButton() |
|
{ |
|
$this->assertEquals('<button type="reset">Reset</button>', Html::resetButton()); |
|
$this->assertEquals('<button type="reset" class="t" name="test" value="value">content<></button>', Html::resetButton('content<>', array('name' => 'test', 'value' => 'value', 'class' => 't'))); |
|
} |
|
|
|
public function testInput() |
|
{ |
|
$this->assertEquals('<input type="text">', Html::input('text')); |
|
$this->assertEquals('<input type="text" class="t" name="test" value="value">', Html::input('text', 'test', 'value', array('class' => 't'))); |
|
} |
|
|
|
public function testButtonInput() |
|
{ |
|
$this->assertEquals('<input type="button" value="Button">', Html::buttonInput()); |
|
$this->assertEquals('<input type="button" class="a" name="test" value="text">', Html::buttonInput('text', array('name' => 'test', 'class' => 'a'))); |
|
} |
|
|
|
public function testSubmitInput() |
|
{ |
|
$this->assertEquals('<input type="submit" value="Submit">', Html::submitInput()); |
|
$this->assertEquals('<input type="submit" class="a" name="test" value="text">', Html::submitInput('text', array('name' => 'test', 'class' => 'a'))); |
|
} |
|
|
|
public function testResetInput() |
|
{ |
|
$this->assertEquals('<input type="reset" value="Reset">', Html::resetInput()); |
|
$this->assertEquals('<input type="reset" class="a" name="test" value="text">', Html::resetInput('text', array('name' => 'test', 'class' => 'a'))); |
|
} |
|
|
|
public function testTextInput() |
|
{ |
|
$this->assertEquals('<input type="text" name="test">', Html::textInput('test')); |
|
$this->assertEquals('<input type="text" class="t" name="test" value="value">', Html::textInput('test', 'value', array('class' => 't'))); |
|
} |
|
|
|
public function testHiddenInput() |
|
{ |
|
$this->assertEquals('<input type="hidden" name="test">', Html::hiddenInput('test')); |
|
$this->assertEquals('<input type="hidden" class="t" name="test" value="value">', Html::hiddenInput('test', 'value', array('class' => 't'))); |
|
} |
|
|
|
public function testPasswordInput() |
|
{ |
|
$this->assertEquals('<input type="password" name="test">', Html::passwordInput('test')); |
|
$this->assertEquals('<input type="password" class="t" name="test" value="value">', Html::passwordInput('test', 'value', array('class' => 't'))); |
|
} |
|
|
|
public function testFileInput() |
|
{ |
|
$this->assertEquals('<input type="file" name="test">', Html::fileInput('test')); |
|
$this->assertEquals('<input type="file" class="t" name="test" value="value">', Html::fileInput('test', 'value', array('class' => 't'))); |
|
} |
|
|
|
public function testTextarea() |
|
{ |
|
$this->assertEquals('<textarea name="test"></textarea>', Html::textarea('test')); |
|
$this->assertEquals('<textarea class="t" name="test">value<></textarea>', Html::textarea('test', 'value<>', array('class' => 't'))); |
|
} |
|
|
|
public function testRadio() |
|
{ |
|
$this->assertEquals('<input type="radio" name="test" value="1">', Html::radio('test')); |
|
$this->assertEquals('<input type="radio" class="a" name="test" checked>', Html::radio('test', true, array('class' => 'a', 'value' => null))); |
|
$this->assertEquals('<input type="hidden" name="test" value="0"><input type="radio" class="a" name="test" value="2" checked>', Html::radio('test', true, array('class' => 'a' , 'uncheck' => '0', 'value' => 2))); |
|
} |
|
|
|
public function testCheckbox() |
|
{ |
|
$this->assertEquals('<input type="checkbox" name="test" value="1">', Html::checkbox('test')); |
|
$this->assertEquals('<input type="checkbox" class="a" name="test" checked>', Html::checkbox('test', true, array('class' => 'a', 'value' => null))); |
|
$this->assertEquals('<input type="hidden" name="test" value="0"><input type="checkbox" class="a" name="test" value="2" checked>', Html::checkbox('test', true, array('class' => 'a', 'uncheck' => '0', 'value' => 2))); |
|
} |
|
|
|
public function testDropDownList() |
|
{ |
|
$expected = <<<EOD |
|
<select name="test"> |
|
|
|
</select> |
|
EOD; |
|
$this->assertEqualsWithoutLE($expected, Html::dropDownList('test')); |
|
$expected = <<<EOD |
|
<select name="test"> |
|
<option value="value1">text1</option> |
|
<option value="value2">text2</option> |
|
</select> |
|
EOD; |
|
$this->assertEqualsWithoutLE($expected, Html::dropDownList('test', null, $this->getDataItems())); |
|
$expected = <<<EOD |
|
<select name="test"> |
|
<option value="value1">text1</option> |
|
<option value="value2" selected>text2</option> |
|
</select> |
|
EOD; |
|
$this->assertEqualsWithoutLE($expected, Html::dropDownList('test', 'value2', $this->getDataItems())); |
|
} |
|
|
|
public function testListBox() |
|
{ |
|
$expected = <<<EOD |
|
<select name="test" size="4"> |
|
|
|
</select> |
|
EOD; |
|
$this->assertEqualsWithoutLE($expected, Html::listBox('test')); |
|
$expected = <<<EOD |
|
<select name="test" size="5"> |
|
<option value="value1">text1</option> |
|
<option value="value2">text2</option> |
|
</select> |
|
EOD; |
|
$this->assertEqualsWithoutLE($expected, Html::listBox('test', null, $this->getDataItems(), array('size' => 5))); |
|
$expected = <<<EOD |
|
<select name="test" size="4"> |
|
<option value="value1<>">text1<></option> |
|
<option value="value 2">text 2</option> |
|
</select> |
|
EOD; |
|
$this->assertEqualsWithoutLE($expected, Html::listBox('test', null, $this->getDataItems2())); |
|
$expected = <<<EOD |
|
<select name="test" size="4"> |
|
<option value="value1">text1</option> |
|
<option value="value2" selected>text2</option> |
|
</select> |
|
EOD; |
|
$this->assertEqualsWithoutLE($expected, Html::listBox('test', 'value2', $this->getDataItems())); |
|
$expected = <<<EOD |
|
<select name="test" size="4"> |
|
<option value="value1" selected>text1</option> |
|
<option value="value2" selected>text2</option> |
|
</select> |
|
EOD; |
|
$this->assertEqualsWithoutLE($expected, Html::listBox('test', array('value1', 'value2'), $this->getDataItems())); |
|
|
|
$expected = <<<EOD |
|
<select name="test[]" multiple size="4"> |
|
|
|
</select> |
|
EOD; |
|
$this->assertEqualsWithoutLE($expected, Html::listBox('test', null, array(), array('multiple' => true))); |
|
$expected = <<<EOD |
|
<input type="hidden" name="test" value="0"><select name="test" size="4"> |
|
|
|
</select> |
|
EOD; |
|
$this->assertEqualsWithoutLE($expected, Html::listBox('test', '', array(), array('unselect' => '0'))); |
|
} |
|
|
|
public function testCheckboxList() |
|
{ |
|
$this->assertEquals('', Html::checkboxList('test')); |
|
|
|
$expected = <<<EOD |
|
<label><input type="checkbox" name="test[]" value="value1"> text1</label> |
|
<label><input type="checkbox" name="test[]" value="value2" checked> text2</label> |
|
EOD; |
|
$this->assertEqualsWithoutLE($expected, Html::checkboxList('test', array('value2'), $this->getDataItems())); |
|
|
|
$expected = <<<EOD |
|
<label><input type="checkbox" name="test[]" value="value1<>"> text1<></label> |
|
<label><input type="checkbox" name="test[]" value="value 2"> text 2</label> |
|
EOD; |
|
$this->assertEqualsWithoutLE($expected, Html::checkboxList('test', array('value2'), $this->getDataItems2())); |
|
|
|
$expected = <<<EOD |
|
<input type="hidden" name="test" value="0"><label><input type="checkbox" name="test[]" value="value1"> text1</label><br> |
|
<label><input type="checkbox" name="test[]" value="value2" checked> text2</label> |
|
EOD; |
|
$this->assertEqualsWithoutLE($expected, Html::checkboxList('test', array('value2'), $this->getDataItems(), array( |
|
'separator' => "<br>\n", |
|
'unselect' => '0', |
|
))); |
|
|
|
$expected = <<<EOD |
|
0<label>text1 <input type="checkbox" name="test[]" value="value1"></label> |
|
1<label>text2 <input type="checkbox" name="test[]" value="value2" checked></label> |
|
EOD; |
|
$this->assertEqualsWithoutLE($expected, Html::checkboxList('test', array('value2'), $this->getDataItems(), array( |
|
'item' => function ($index, $label, $name, $checked, $value) { |
|
return $index . Html::label($label . ' ' . Html::checkbox($name, $checked, array('value' => $value))); |
|
} |
|
))); |
|
} |
|
|
|
public function testRadioList() |
|
{ |
|
$this->assertEquals('', Html::radioList('test')); |
|
|
|
$expected = <<<EOD |
|
<label><input type="radio" name="test" value="value1"> text1</label> |
|
<label><input type="radio" name="test" value="value2" checked> text2</label> |
|
EOD; |
|
$this->assertEqualsWithoutLE($expected, Html::radioList('test', array('value2'), $this->getDataItems())); |
|
|
|
$expected = <<<EOD |
|
<label><input type="radio" name="test" value="value1<>"> text1<></label> |
|
<label><input type="radio" name="test" value="value 2"> text 2</label> |
|
EOD; |
|
$this->assertEqualsWithoutLE($expected, Html::radioList('test', array('value2'), $this->getDataItems2())); |
|
|
|
$expected = <<<EOD |
|
<input type="hidden" name="test" value="0"><label><input type="radio" name="test" value="value1"> text1</label><br> |
|
<label><input type="radio" name="test" value="value2" checked> text2</label> |
|
EOD; |
|
$this->assertEqualsWithoutLE($expected, Html::radioList('test', array('value2'), $this->getDataItems(), array( |
|
'separator' => "<br>\n", |
|
'unselect' => '0', |
|
))); |
|
|
|
$expected = <<<EOD |
|
0<label>text1 <input type="radio" name="test" value="value1"></label> |
|
1<label>text2 <input type="radio" name="test" value="value2" checked></label> |
|
EOD; |
|
$this->assertEqualsWithoutLE($expected, Html::radioList('test', array('value2'), $this->getDataItems(), array( |
|
'item' => function ($index, $label, $name, $checked, $value) { |
|
return $index . Html::label($label . ' ' . Html::radio($name, $checked, array('value' => $value))); |
|
} |
|
))); |
|
} |
|
|
|
public function testUl() |
|
{ |
|
$data = array( |
|
1, 'abc', '<>', |
|
); |
|
$expected = <<<EOD |
|
<ul> |
|
<li>1</li> |
|
<li>abc</li> |
|
<li><></li> |
|
</ul> |
|
EOD; |
|
$this->assertEqualsWithoutLE($expected, Html::ul($data)); |
|
$expected = <<<EOD |
|
<ul class="test"> |
|
<li class="item-0">1</li> |
|
<li class="item-1">abc</li> |
|
<li class="item-2"><></li> |
|
</ul> |
|
EOD; |
|
$this->assertEqualsWithoutLE($expected, Html::ul($data, array( |
|
'class' => 'test', |
|
'item' => function($item, $index) { |
|
return "<li class=\"item-$index\">$item</li>"; |
|
} |
|
))); |
|
} |
|
|
|
public function testOl() |
|
{ |
|
$data = array( |
|
1, 'abc', '<>', |
|
); |
|
$expected = <<<EOD |
|
<ol> |
|
<li class="ti">1</li> |
|
<li class="ti">abc</li> |
|
<li class="ti"><></li> |
|
</ol> |
|
EOD; |
|
$this->assertEqualsWithoutLE($expected, Html::ol($data, array( |
|
'itemOptions' => array('class' => 'ti'), |
|
))); |
|
$expected = <<<EOD |
|
<ol class="test"> |
|
<li class="item-0">1</li> |
|
<li class="item-1">abc</li> |
|
<li class="item-2"><></li> |
|
</ol> |
|
EOD; |
|
$this->assertEqualsWithoutLE($expected, Html::ol($data, array( |
|
'class' => 'test', |
|
'item' => function($item, $index) { |
|
return "<li class=\"item-$index\">$item</li>"; |
|
} |
|
))); |
|
} |
|
|
|
public function testRenderOptions() |
|
{ |
|
$data = array( |
|
'value1' => 'label1', |
|
'group1' => array( |
|
'value11' => 'label11', |
|
'group11' => array( |
|
'value111' => 'label111', |
|
), |
|
'group12' => array(), |
|
), |
|
'value2' => 'label2', |
|
'group2' => array(), |
|
); |
|
$expected = <<<EOD |
|
<option value="">please select<></option> |
|
<option value="value1" selected>label1</option> |
|
<optgroup label="group1"> |
|
<option value="value11">label11</option> |
|
<optgroup label="group11"> |
|
<option class="option" value="value111" selected>label111</option> |
|
</optgroup> |
|
<optgroup class="group" label="group12"> |
|
|
|
</optgroup> |
|
</optgroup> |
|
<option value="value2">label2</option> |
|
<optgroup label="group2"> |
|
|
|
</optgroup> |
|
EOD; |
|
$attributes = array( |
|
'prompt' => 'please select<>', |
|
'options' => array( |
|
'value111' => array('class' => 'option'), |
|
), |
|
'groups' => array( |
|
'group12' => array('class' => 'group'), |
|
), |
|
); |
|
$this->assertEqualsWithoutLE($expected, Html::renderSelectOptions(array('value111', 'value1'), $data, $attributes)); |
|
} |
|
|
|
public function testRenderAttributes() |
|
{ |
|
$this->assertEquals('', Html::renderTagAttributes(array())); |
|
$this->assertEquals(' name="test" value="1<>"', Html::renderTagAttributes(array('name' => 'test', 'empty' => null, 'value' => '1<>'))); |
|
$this->assertEquals(' checked disabled', Html::renderTagAttributes(array('checked' => 'checked', 'disabled' => true, 'hidden' => false))); |
|
} |
|
|
|
public function testAddCssClass() |
|
{ |
|
$options = array(); |
|
Html::addCssClass($options, 'test'); |
|
$this->assertEquals(array('class' => 'test'), $options); |
|
Html::addCssClass($options, 'test'); |
|
$this->assertEquals(array('class' => 'test'), $options); |
|
Html::addCssClass($options, 'test2'); |
|
$this->assertEquals(array('class' => 'test test2'), $options); |
|
Html::addCssClass($options, 'test'); |
|
$this->assertEquals(array('class' => 'test test2'), $options); |
|
Html::addCssClass($options, 'test2'); |
|
$this->assertEquals(array('class' => 'test test2'), $options); |
|
Html::addCssClass($options, 'test3'); |
|
$this->assertEquals(array('class' => 'test test2 test3'), $options); |
|
Html::addCssClass($options, 'test2'); |
|
$this->assertEquals(array('class' => 'test test2 test3'), $options); |
|
} |
|
|
|
public function testRemoveCssClass() |
|
{ |
|
$options = array('class' => 'test test2 test3'); |
|
Html::removeCssClass($options, 'test2'); |
|
$this->assertEquals(array('class' => 'test test3'), $options); |
|
Html::removeCssClass($options, 'test2'); |
|
$this->assertEquals(array('class' => 'test test3'), $options); |
|
Html::removeCssClass($options, 'test'); |
|
$this->assertEquals(array('class' => 'test3'), $options); |
|
Html::removeCssClass($options, 'test3'); |
|
$this->assertEquals(array(), $options); |
|
} |
|
|
|
protected function getDataItems() |
|
{ |
|
return array( |
|
'value1' => 'text1', |
|
'value2' => 'text2', |
|
); |
|
} |
|
|
|
protected function getDataItems2() |
|
{ |
|
return array( |
|
'value1<>' => 'text1<>', |
|
'value 2' => 'text 2', |
|
); |
|
} |
|
}
|
|
|