{'data-x'} = 'x'; $el->{'data-list'} = [1, 2, 3]; $el->{'data-arr'} = ['a' => 1]; Assert::same('

', (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('

', (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('

', (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('

', (string) $el); }); test('direct data attribute manipulation via property and method', function () { $el = Html::el('div'); $el->data = 'simple'; Assert::same('

', (string) $el); $el->data('simple2'); Assert::same('

', (string) $el); $el->setAttribute('data', 'simple3'); Assert::same('

', (string) $el); });