|
|
|
@ -4,17 +4,17 @@ export default {
|
|
|
|
`,
|
|
|
|
`,
|
|
|
|
|
|
|
|
|
|
|
|
test({ assert, target, window, component }) {
|
|
|
|
test({ assert, target, window, component }) {
|
|
|
|
const p = target.querySelector("p");
|
|
|
|
const p = target.querySelector('p');
|
|
|
|
const styles = window.getComputedStyle(p);
|
|
|
|
const styles = window.getComputedStyle(p);
|
|
|
|
assert.equal(styles.color, "rgb(255, 0, 0)");
|
|
|
|
assert.equal(styles.color, 'rgb(255, 0, 0)');
|
|
|
|
assert.equal(styles.fontSize, "32px");
|
|
|
|
assert.equal(styles.fontSize, '32px');
|
|
|
|
|
|
|
|
|
|
|
|
component.foo = "font-size: 50px; color: green;"; // Update style attribute
|
|
|
|
component.foo = 'font-size: 50px; color: green;'; // Update style attribute
|
|
|
|
{
|
|
|
|
{
|
|
|
|
const p = target.querySelector("p");
|
|
|
|
const p = target.querySelector('p');
|
|
|
|
const styles = window.getComputedStyle(p);
|
|
|
|
const styles = window.getComputedStyle(p);
|
|
|
|
assert.equal(styles.color, "rgb(255, 0, 0)");
|
|
|
|
assert.equal(styles.color, 'rgb(255, 0, 0)');
|
|
|
|
assert.equal(styles.fontSize, "32px");
|
|
|
|
assert.equal(styles.fontSize, '32px');
|
|
|
|
|
|
|
|
}
|
|
|
|
}
|
|
|
|
}
|
|
|
|
},
|
|
|
|
|
|
|
|
};
|
|
|
|
};
|
|
|
|
|