Ladybird/ladybird
1
0
Fork 0
mirror of https://github.com/LadybirdBrowser/ladybird.git synced 2025-06-10 01:51:03 +09:00
Code Activity

Tests: Import WPT :open test

Browse source
This commit is contained in:
Sam Atkins 2025-01-31 15:55:30 +00:00
parent 52a92b7937
commit 942e14c27a
Notes: github-actions[bot] 2025-02-10 13:58:39 +00:00
2 changed files with 64 additions and 0 deletions
Download patch file Download diff file Expand all files Collapse all files

9
Tests/LibWeb/Text/expected/wpt-import/css/selectors/open-pseudo.txt Normal file
View file

@ -0,0 +1,9 @@
Harness status: OK
Found 3 tests
2 Pass
1 Fail
Pass The dialog element should support :open.
Pass The details element should support :open.
Fail The select element should support :open.

55
Tests/LibWeb/Text/input/wpt-import/css/selectors/open-pseudo.html Normal file
View file

@ -0,0 +1,55 @@
<!DOCTYPE html>
<link rel=author href="mailto:jarhar@chromium.org">
<link rel=help href="https://drafts.csswg.org/selectors-4/#open-state">
<script src="../../resources/testharness.js"></script>
<script src="../../resources/testharnessreport.js"></script>
<script src="../../resources/testdriver.js"></script>
<script src="../../resources/testdriver-vendor.js"></script>
<dialog>dialog</dialog>
<details>details</details>
<select>
<option>one</option>
</select>
<script>
test(() => {
const dialog = document.querySelector('dialog');
assert_false(dialog.matches(':open'),
':open should not match when the dialog is closed.');
dialog.show();
assert_true(dialog.matches(':open'),
':open should match after dialog.open().');
dialog.close();
dialog.showModal();
assert_true(dialog.matches(':open'),
':open should match after dialog.showModal().');
dialog.close();
}, 'The dialog element should support :open.');
test(() => {
const details = document.querySelector('details');
assert_false(details.matches(':open'),
':open should not match when the details is closed.');
details.open = true;
assert_true(details.matches(':open'),
':open should match when the details is open.');
}, 'The details element should support :open.');
promise_test(async () => {
const select = document.querySelector('select');
assert_false(select.matches(':open'),
':open should not match when the select is closed.');
await test_driver.click(select);
await new Promise(requestAnimationFrame);
assert_true(select.matches(':open'),
':open should match when the select is open.');
}, 'The select element should support :open.');
</script>