1
2
3
4
5
6
7
8
9
10
11
12
13
14
15
16
17
18
19
20
21
22
23
24
25
26
27
28
29
30
31
32
33
34
35
36
37
38
39
40
41
42
43
44
45
46
47
48
49
50
51
52
53
54
55
56
57
58
59
60
61
62
63
64
65
66
67
68
69
70
71
|
<?php
/**
* Test: Nette\Utils\Html user data attribute.
*/
declare(strict_types=1);
use Nette\Utils\Html;
use Tester\Assert;
require __DIR__ . '/../bootstrap.php';
test('setting data-* attributes via property syntax', function () {
$el = Html::el('div');
$el->{'data-x'} = 'x';
$el->{'data-list'} = [1, 2, 3];
$el->{'data-arr'} = ['a' => 1];
Assert::same('<div data-x="x" data-list="[1,2,3]" data-arr=\'{"a":1}\'></div>', (string) $el);
});
test('using data() method for data-* attributes', function () {
$el = Html::el('div');
$el->data('a', 'one');
$el->data('b', 'two');
$el->data('list', [1, 2, 3]);
$el->data('arr', ['a' => 1]);
Assert::same('one', $el->{'data-a'});
Assert::same('<div data-a="one" data-b="two" data-list="[1,2,3]" data-arr=\'{"a":1}\'></div>', (string) $el);
});
test('handling null, boolean, and empty data values', function () {
$el = Html::el('div');
$el->data('top', null);
$el->data('t', true);
$el->data('f', false);
$el->data('x', '');
Assert::same('<div data-t="true" data-f="false" data-x=""></div>', (string) $el);
});
test('overriding non-data attributes with data-* formatting', function () {
$el = Html::el('div');
$el->setAttribute('data-x', 'x');
$el->setAttribute('data-list', [1, 2, 3]);
$el->setAttribute('data-arr', ['a' => 1]);
$el->setAttribute('top', null);
$el->setAttribute('active', false);
Assert::same('<div data-x="x" data-list="[1,2,3]" data-arr=\'{"a":1}\'></div>', (string) $el);
});
test('direct data attribute manipulation via property and method', function () {
$el = Html::el('div');
$el->data = 'simple';
Assert::same('<div data="simple"></div>', (string) $el);
$el->data('simple2');
Assert::same('<div data="simple2"></div>', (string) $el);
$el->setAttribute('data', 'simple3');
Assert::same('<div data="simple3"></div>', (string) $el);
});
|
