| 12345678910111213141516171819202122232425262728293031323334353637383940414243444546474849505152 |
- jsdom = require('../../lib/jsdom');
- assert = require('assert')
- exports.tests = {
- HTMLStyleElement01 : function (test) {
- jsdom.env(
- '<html><head><style>p{color:red}</style></head><body>',
- jsdom.defaultLevel, function(err, win) {
- var style = win.document.head.lastChild;
- test.equal(1, style.sheet.cssRules.length);
- test.equal('p', style.sheet.cssRules[0].selectorText);
- test.equal('red', style.sheet.cssRules[0].style.color);
- test.done();
- });
- },
- HTMLStyleAttribute01 : function (test) {
- jsdom.env(
- '<html><body><p style="color:red">',
- jsdom.defaultLevel, function(err, win) {
- var p = win.document.body.lastChild;
- test.equal(1, p.style.length);
- test.equal('color', p.style[0]);
- test.equal('red', p.style.color);
- test.done();
- });
- },
- StylePropertyReflectsStyleAttribute : function (test) {
- jsdom.env(
- '<html>',
- jsdom.defaultLevel, function(err, win) {
- var p = win.document.createElement('p');
- p.setAttribute('style', 'color:red');
- test.equal(1, p.style.length);
- test.equal('color', p.style[0]);
- test.equal('red', p.style.color);
- p.setAttribute('style', '');
- test.equal(0, p.style.length);
- test.equal('', p.style.color);
- p.setAttribute('style', 'color:blue');
- test.equal('color', p.style[0]);
- test.equal('blue', p.style.color);
- test.done();
- });
- },
- // TODO: the other way should work too: setting p.style.color
- // should modify p.getAttribute('style').
- // We will have to fork or modify cssom library to listen for change events.
- }
|
