From 26a029d407be480d791972afb5975cf62c9360a6 Mon Sep 17 00:00:00 2001
From: Daniel Baumann <daniel.baumann@progress-linux.org>
Date: Fri, 19 Apr 2024 02:47:55 +0200
Subject: Adding upstream version 124.0.1.

Signed-off-by: Daniel Baumann <daniel.baumann@progress-linux.org>
---
 .../tools/appearance-build-webkit-reftests.py      |  28 +++++
 .../build-compute-kind-widget-fallback-props.py    | 122 +++++++++++++++++++++
 2 files changed, 150 insertions(+)
 create mode 100755 testing/web-platform/tests/css/css-ui/tools/appearance-build-webkit-reftests.py
 create mode 100644 testing/web-platform/tests/css/css-ui/tools/build-compute-kind-widget-fallback-props.py

(limited to 'testing/web-platform/tests/css/css-ui/tools')

diff --git a/testing/web-platform/tests/css/css-ui/tools/appearance-build-webkit-reftests.py b/testing/web-platform/tests/css/css-ui/tools/appearance-build-webkit-reftests.py
new file mode 100755
index 0000000000..010635dddc
--- /dev/null
+++ b/testing/web-platform/tests/css/css-ui/tools/appearance-build-webkit-reftests.py
@@ -0,0 +1,28 @@
+#!/usr/bin/env python3
+import os
+import re
+
+re_testname = re.compile(r"^appearance-.+\d\d\d\.html$")
+re_link_match = re.compile(r'<link rel="(mis)?match"')
+
+files = {}
+
+parentdir = os.path.abspath(os.path.join(__file__, os.pardir, os.pardir))
+assert parentdir.endswith('/css-ui')
+
+for filename in os.listdir(parentdir):
+    path = os.path.join(parentdir, filename)
+    if os.path.isfile(path) and re_testname.search(filename) and not filename in files:
+        with open(path, "r") as file:
+            files[filename] = file.read()
+
+warning = """<!-- DO NOT EDIT THIS FILE.
+Edit the appearance-* file instead and then run:
+    ./tools/appearance-build-webkit-reftests.py
+-->
+"""
+
+for filename, text in files.items():
+    if re_link_match.search(text):
+        with open(os.path.join(parentdir, filename.replace("appearance-", "webkit-appearance-")), "w") as outfile:
+            outfile.write(warning + text.replace("appearance:", "-webkit-appearance:"))
diff --git a/testing/web-platform/tests/css/css-ui/tools/build-compute-kind-widget-fallback-props.py b/testing/web-platform/tests/css/css-ui/tools/build-compute-kind-widget-fallback-props.py
new file mode 100644
index 0000000000..baede8ee54
--- /dev/null
+++ b/testing/web-platform/tests/css/css-ui/tools/build-compute-kind-widget-fallback-props.py
@@ -0,0 +1,122 @@
+#!/usr/bin/env python3
+import os, shutil
+
+target_dir = os.path.dirname(os.path.dirname(os.path.abspath(__file__))) + "/compute-kind-widget-generated"
+
+props = [
+  u"background-color",
+  u"border-top-color",
+  u"border-top-style",
+  u"border-top-width",
+  u"border-right-color",
+  u"border-right-style",
+  u"border-right-width",
+  u"border-bottom-color",
+  u"border-bottom-style",
+  u"border-bottom-width",
+  u"border-left-color",
+  u"border-left-style",
+  u"border-left-width",
+  u"border-block-start-color",
+  u"border-block-end-color",
+  u"border-inline-start-color",
+  u"border-inline-end-color",
+  u"border-block-start-style",
+  u"border-block-end-style",
+  u"border-inline-start-style",
+  u"border-inline-end-style",
+  u"border-block-start-width",
+  u"border-block-end-width",
+  u"border-inline-start-width",
+  u"border-inline-end-width",
+  u"background-image",
+  u"background-attachment",
+  u"background-position",
+  u"background-clip",
+  u"background-origin",
+  u"background-size",
+  u"border-image-source",
+  u"border-image-slice",
+  u"border-image-width",
+  u"border-image-outset",
+  u"border-image-repeat",
+  u"border-top-left-radius",
+  u"border-top-right-radius",
+  u"border-bottom-right-radius",
+  u"border-bottom-left-radius",
+  u"border-start-start-radius",
+  u"border-start-end-radius",
+  u"border-end-start-radius",
+  u"border-end-end-radius",
+]
+
+els = [
+  [u'link', u'<a id="link">a</a>'],
+  [u'button', u'<button id="button">button</button>'],
+  [u'input-button', u'<input id="button-input" type="button" value="input-button">'],
+  [u'input-submit', u'<input id="submit-input" type="submit" value="input-submit">'],
+  [u'input-reset', u'<input id="reset-input" type="reset" value="input-reset">'],
+  [u'input-text', u'<input id="text-input" type="text" value="input-text">'],
+  [u'input-search-text', u'<input id="search-text-input" type="search" value="input-search-text">'],
+  [u'input-search', u'<input id="search-input" type="search" value="input-search">'],
+  [u'range', u'<input id="range-input" type="range">'],
+  [u'checkbox-input', u'<input id="checkbox-input" type="checkbox">'],
+  [u'radio-input', u'<input id="radio-input" type="radio">'],
+  [u'color-input', u'<input id="color-input" type="color">'],
+  [u'textarea', u'<textarea id="textarea">textarea</textarea>'],
+  [u'select-listbox', u'<select multiple id="select-listbox"><option>select-listbox</option></select>'],
+  [u'select-dropdown-box', u'<select id="select-dropdown-box"><option>select-dropdown-box</option></select>'],
+  [u'select-menulist-button', u'<select id="select-menulist-button"><option>select-menulist-button</option></select>'],
+  [u'meter', u'<meter id="meter" value=0.5></meter>'],
+  [u'progress', u'<progress id="progress" value=0.5></progress>'],
+]
+
+template = u"""<!-- DO NOT EDIT. This file has been generated. Source:
+    ./tools/build-compute-kind-widget-fallback-props.py
+-->
+<!DOCTYPE html>
+<meta charset="utf-8">
+<title>CSS Basic User Interface Test: Compute kind of widget: {prop} disables native appearance for {el_id}</title>
+<link rel="help" href="https://drafts.csswg.org/css-ui-4/#computing-kind-widget">
+<meta name="assert" content="appropriate widget is returned when authorProps includes {prop}.">
+<link rel="match" href="../compute-kind-widget-fallback-{el_id}-ref.html">
+<style>
+    #container {{ width: 500px; }}
+    #container > #search-text-input {{ appearance: textfield; }}
+    #container > #select-menulist-button {{ appearance: none; appearance: menulist-button; }}
+</style>
+
+<div id="container">
+    {el_markup}
+</div>
+
+<script>
+// Set author-level CSS that matches UA style, but don't use the 'revert' value.
+const elements = document.querySelectorAll('#container > *');
+const prop = "{prop}";
+for (const el of elements) {{
+  el.style.setProperty(prop, getComputedStyle(el).getPropertyValue(prop));
+}}
+</script>
+"""
+
+# Generate tests
+
+# wipe target_dir
+if os.path.isdir(target_dir):
+    shutil.rmtree(target_dir)
+
+def write_file(path, content):
+    path = os.path.join(target_dir, path)
+    os.makedirs(os.path.dirname(path), exist_ok=True)
+    file = open(os.path.join(target_dir, path), 'w')
+    file.write(content)
+    file.close()
+
+def generate_tests(prop, el_id, el_markup):
+    test = template.format(prop=prop, el_id=el_id, el_markup=el_markup)
+    write_file(f"kind-of-widget-fallback-{el_id}-{prop}-001.html", test)
+
+for prop in props:
+    for el_id, el_markup in els:
+        generate_tests(prop, el_id, el_markup)
-- 
cgit v1.2.3