hyperglue/test/attr.js

update html elements by mapping query selectors to attributes, text, and hypertext

var test = require('tape');
var hyperglue = require('../');

var html = '<img class="a">';

test('add attr', function (t) {
    t.plan(1);
    
    var res = hyperglue(html, { 'img.a': { src: '/a.png' } }).innerHTML;
    
    t.ok(
        res === '<img class="a" src="/a.png">'
        || res === '<img src="/a.png" class="a">',
        'has both class and src: ' + res
    );
});

test('remove attr', function (t) {
    t.plan(1);
    var res = hyperglue(html, { 'img.a': { src: undefined } }).innerHTML;
    t.equal(res, '<img class="a">');
});