diff options
author | Daniel Baumann <daniel.baumann@progress-linux.org> | 2024-04-07 19:33:14 +0000 |
---|---|---|
committer | Daniel Baumann <daniel.baumann@progress-linux.org> | 2024-04-07 19:33:14 +0000 |
commit | 36d22d82aa202bb199967e9512281e9a53db42c9 (patch) | |
tree | 105e8c98ddea1c1e4784a60a5a6410fa416be2de /testing/web-platform/tests/html/rendering/support | |
parent | Initial commit. (diff) | |
download | firefox-esr-36d22d82aa202bb199967e9512281e9a53db42c9.tar.xz firefox-esr-36d22d82aa202bb199967e9512281e9a53db42c9.zip |
Adding upstream version 115.7.0esr.upstream/115.7.0esr
Signed-off-by: Daniel Baumann <daniel.baumann@progress-linux.org>
Diffstat (limited to 'testing/web-platform/tests/html/rendering/support')
-rw-r--r-- | testing/web-platform/tests/html/rendering/support/test-ua-stylesheet.js | 70 |
1 files changed, 70 insertions, 0 deletions
diff --git a/testing/web-platform/tests/html/rendering/support/test-ua-stylesheet.js b/testing/web-platform/tests/html/rendering/support/test-ua-stylesheet.js new file mode 100644 index 0000000000..49757a3682 --- /dev/null +++ b/testing/web-platform/tests/html/rendering/support/test-ua-stylesheet.js @@ -0,0 +1,70 @@ +function runUAStyleTests(props) { + const refs = document.getElementById('refs'); + for (const el of document.querySelectorAll('#tests > *')) { + const clone = fakeClone(el); + refs.append(clone); + } + const testsContainer = document.getElementById('tests'); + const testEls = document.querySelectorAll('#tests *'); + const refEls = document.querySelectorAll('#refs *'); + for (let i = 0; i < testEls.length; ++i) { + const testEl = testEls[i]; + if (testEl.hasAttribute('data-skip')) { + continue; + } + const refEl = refEls[i]; + const testStyle = getComputedStyle(testEl); + const refStyle = getComputedStyle(refEl); + for (const prop of props) { + // Don't test display for some elements. + // TODO(zcorpan): https://github.com/whatwg/html/issues/4093 + // TODO(zcorpan): https://github.com/whatwg/html/issues/5063 + if (prop === 'display' && + (testEl.localName === 'optgroup' || + testEl.localName === 'option' || + testEl.localName === 'marquee') + ) { + continue; + } + test(() => { + assert_equals(testStyle.getPropertyValue(prop), refStyle.getPropertyValue(prop)); + }, `${testNameContext(testEl)} - ${prop}`); + } + } + + function fakeClone(el) { + const clone = document.createElementNS('urn:not-html', el.localName); + for (const att of el.attributes) { + clone.setAttributeNS(att.namespaceURI, att.name, att.value); + } + // deep clone + for (const child of el.children) { + clone.append(fakeClone(child)); + } + return clone; + } + + function testNameContext(el) { + const outerHTML = el.outerHTML; + const startTags = outerHTML.substring(0, outerHTML.indexOf('</')) || outerHTML; + + let ancestors = []; + let current = el.parentNode; + while (current != testsContainer) { + ancestors.unshift(`<${current.localName}${contextAttrs(current.attributes)}>`); + current = current.parentNode; + } + return startTags + (ancestors.length ? ` (in ${ancestors.join('')})` : ''); + } + + function contextAttrs(attributes) { + let rv = ""; + for (let i = 0; i < attributes.length; ++i) { + if (attributes[i].name === 'data-skip') { + continue; + } + rv += ` ${attributes[i].name}="${attributes[i].value}"`; + } + return rv; + } +} |