Source code
Revision control
Copy as Markdown
Other Tools
Test Info: Warnings
- This test has a WPT meta file that expects 1 subtest issues.
- This WPT test may be referenced by the following Test IDs:
- /webmcp/declarative/toolchange-on-control-add-remove.https.html - WPT Dashboard Interop Dashboard
<!DOCTYPE html>
<meta charset="utf-8">
<title>WebMCP: toolchange event on control add/remove</title>
<link rel="author" href="mailto:dom@chromium.org">
<script src="/resources/testharness.js"></script>
<script src="/resources/testharnessreport.js"></script>
<script src="../resources/helpers.js"></script>
<body>
<form id="f1" toolname="my_tool" tooldescription="desc">
<input id="input1" type="text" name="input_name">
</form>
<script>
promise_test(async t => {
const form = document.getElementById('f1');
// Wait for the baseline form schema.
await waitForFormToolSchemaToMatch(`{"type":"object","properties":{"input_name":{"type":"string"}},"required":[]}`);
// Test adding an input
const i = document.createElement('input');
i.type = 'text';
i.name = 'new_input';
i.id = 'new_input';
form.appendChild(i);
await waitForFormToolSchemaToMatch(`{"type":"object","properties":{"input_name":{"type":"string"},"new_input":{"type":"string"}},"required":[]}`);
// Test removing an input
const newInput = document.getElementById('new_input');
form.removeChild(newInput);
await waitForFormToolSchemaToMatch(`{"type":"object","properties":{"input_name":{"type":"string"}},"required":[]}`);
}, "Test that toolchange event fires when controls are added or removed");
</script>
</body>