2021-07-09 17:53:24 +08:00
|
|
|
<?php
|
|
|
|
|
|
|
|
namespace yiiunit\extensions\bootstrap5;
|
|
|
|
|
2021-08-16 16:09:09 +08:00
|
|
|
use PHPUnit\Framework\Constraint\IsType;
|
|
|
|
use Yii;
|
2021-07-09 17:53:24 +08:00
|
|
|
use yii\bootstrap5\Toast;
|
2021-08-16 16:09:09 +08:00
|
|
|
use yii\web\View;
|
2021-07-09 17:53:24 +08:00
|
|
|
|
|
|
|
/**
|
|
|
|
* @group bootstrap5
|
|
|
|
*/
|
|
|
|
class ToastTest extends TestCase
|
|
|
|
{
|
|
|
|
public function testBodyOptions()
|
|
|
|
{
|
|
|
|
Toast::$counter = 0;
|
|
|
|
$out = Toast::widget([
|
|
|
|
'bodyOptions' => ['class' => 'toast-body test', 'style' => ['text-align' => 'center']]
|
|
|
|
]);
|
|
|
|
|
|
|
|
$expected = <<<HTML
|
|
|
|
<div id="w0" class="toast" role="alert" aria-live="assertive" aria-atomic="true">
|
|
|
|
<div class="toast-header">
|
2021-07-12 23:22:29 +08:00
|
|
|
<strong class="me-auto"></strong>
|
2021-08-18 21:41:26 +08:00
|
|
|
<button type="button" class="btn-close" data-bs-dismiss="toast" aria-label="Close"></button>
|
2021-07-09 17:53:24 +08:00
|
|
|
</div>
|
|
|
|
<div class="toast-body test" style="text-align: center;">
|
|
|
|
|
|
|
|
|
|
|
|
</div>
|
|
|
|
</div>
|
|
|
|
HTML;
|
|
|
|
|
|
|
|
$this->assertEqualsWithoutLE($expected, $out);
|
|
|
|
}
|
|
|
|
|
|
|
|
/**
|
|
|
|
*/
|
|
|
|
public function testContainerOptions()
|
|
|
|
{
|
|
|
|
Toast::$counter = 0;
|
|
|
|
|
|
|
|
ob_start();
|
|
|
|
Toast::begin([
|
|
|
|
'title' => 'Toast title',
|
|
|
|
'dateTime' => time() - 60
|
|
|
|
]);
|
|
|
|
echo 'Woohoo, you\'re reading this text in a toast!';
|
|
|
|
Toast::end();
|
|
|
|
$out = ob_get_clean();
|
|
|
|
|
|
|
|
$expected = <<<HTML
|
|
|
|
<div id="w0" class="toast" role="alert" aria-live="assertive" aria-atomic="true">
|
|
|
|
<div class="toast-header">
|
2021-07-12 23:22:29 +08:00
|
|
|
<strong class="me-auto">Toast title</strong>
|
2021-07-09 17:53:24 +08:00
|
|
|
<small class="text-muted">a minute ago</small>
|
2021-08-18 21:41:26 +08:00
|
|
|
<button type="button" class="btn-close" data-bs-dismiss="toast" aria-label="Close"></button>
|
2021-07-09 17:53:24 +08:00
|
|
|
</div>
|
|
|
|
<div class="toast-body">
|
|
|
|
Woohoo, you're reading this text in a toast!
|
|
|
|
|
|
|
|
</div>
|
|
|
|
</div>
|
|
|
|
HTML;
|
|
|
|
|
|
|
|
$this->assertEqualsWithoutLE($expected, $out);
|
|
|
|
}
|
|
|
|
|
|
|
|
public function testDateTimeOptions()
|
|
|
|
{
|
|
|
|
Toast::$counter = 0;
|
|
|
|
$out = Toast::widget([
|
|
|
|
'title' => 'Toast title',
|
|
|
|
'dateTime' => time() - 60,
|
|
|
|
'dateTimeOptions' => ['class' => ['toast-date-time'], 'style' => ['text-align' => 'right']]
|
|
|
|
]);
|
|
|
|
|
|
|
|
$expected = <<<HTML
|
|
|
|
<div id="w0" class="toast" role="alert" aria-live="assertive" aria-atomic="true">
|
|
|
|
<div class="toast-header">
|
2021-07-12 23:22:29 +08:00
|
|
|
<strong class="me-auto">Toast title</strong>
|
2021-07-09 17:53:24 +08:00
|
|
|
<small class="toast-date-time text-muted" style="text-align: right;">a minute ago</small>
|
2021-08-18 21:41:26 +08:00
|
|
|
<button type="button" class="btn-close" data-bs-dismiss="toast" aria-label="Close"></button>
|
2021-07-09 17:53:24 +08:00
|
|
|
</div>
|
|
|
|
<div class="toast-body">
|
|
|
|
|
|
|
|
|
|
|
|
</div>
|
|
|
|
</div>
|
|
|
|
HTML;
|
|
|
|
|
|
|
|
$this->assertEqualsWithoutLE($expected, $out);
|
|
|
|
}
|
|
|
|
|
|
|
|
public function testTitleOptions()
|
|
|
|
{
|
|
|
|
Toast::$counter = 0;
|
|
|
|
$out = Toast::widget([
|
|
|
|
'title' => 'Toast title',
|
|
|
|
'titleOptions' => ['tag' => 'h5', 'style' => ['text-align' => 'left']]
|
|
|
|
]);
|
|
|
|
|
|
|
|
$expected = <<<HTML
|
|
|
|
<div id="w0" class="toast" role="alert" aria-live="assertive" aria-atomic="true">
|
|
|
|
<div class="toast-header">
|
2021-07-12 23:22:29 +08:00
|
|
|
<h5 class="me-auto" style="text-align: left;">Toast title</h5>
|
2021-08-18 21:41:26 +08:00
|
|
|
<button type="button" class="btn-close" data-bs-dismiss="toast" aria-label="Close"></button>
|
2021-07-09 17:53:24 +08:00
|
|
|
</div>
|
|
|
|
<div class="toast-body">
|
|
|
|
|
|
|
|
|
|
|
|
</div>
|
|
|
|
</div>
|
|
|
|
HTML;
|
|
|
|
|
|
|
|
$this->assertEqualsWithoutLE($expected, $out);
|
|
|
|
}
|
2021-08-16 16:09:09 +08:00
|
|
|
|
|
|
|
/**
|
|
|
|
* @see https://github.com/yiisoft/yii2-bootstrap5/issues/5
|
|
|
|
*/
|
|
|
|
public function testWidgetInitialization()
|
|
|
|
{
|
|
|
|
Toast::$counter = 0;
|
|
|
|
ob_start();
|
|
|
|
$toast = Toast::begin([
|
|
|
|
'title' => 'Toast title',
|
|
|
|
'titleOptions' => ['tag' => 'h5', 'style' => ['text-align' => 'left']]
|
|
|
|
]);
|
|
|
|
echo 'test';
|
|
|
|
Toast::end();
|
|
|
|
$out = ob_get_clean();
|
|
|
|
|
|
|
|
$this->assertInternalType(IsType::TYPE_ARRAY, $toast->clientOptions);
|
|
|
|
$this->assertCount(0, $toast->clientOptions);
|
|
|
|
|
|
|
|
$js = Yii::$app->view->js[View::POS_READY];
|
|
|
|
|
|
|
|
$this->assertInternalType(IsType::TYPE_ARRAY, $js);
|
|
|
|
$options = array_shift($js);
|
|
|
|
|
|
|
|
$this->assertContainsWithoutLE("jQuery('#w0').toast();", $options);
|
|
|
|
}
|
2021-07-09 17:53:24 +08:00
|
|
|
}
|