Element Click Test Playground
+This page contains various elements for testing the element-click tool with different query strategies.
+ + +
+
+
+
+ Role-based Elements (getByRole)
+ + + + + + + +Navigation Menu
+ + +Headings
++ Click this heading + ✓ Clicked! +
+
+
+
+
+ Text-based Elements (getByText)
+ ++ Click here to test text selection + ✓ Clicked! +
+ +
+ Custom div with clickable text
+ ✓ Clicked!
+
+
+
+ Download file
+ ✓ Clicked!
+
+
+
+
+
+ Form Elements (getByLabelText)
+ + +
+
+
+
+ Placeholder Elements (getByPlaceholderText)
+ + + ✓ Clicked! + + + ✓ Clicked! + + + ✓ Clicked! +
+ 
+ ✓ Clicked!
+
+ 
+ ✓ Clicked!
+
+
+
+ Alt Text Elements (getByAltText)
+ +
+ ✓ Clicked!
+
+
+ ✓ Clicked!
+
+
+
+
+ Test ID Elements (getByTestId)
+ + + +
+ Widget Container
+ ✓ Clicked!
+
+
+
+
+
+ CSS Selector Elements (Fallback)
+ + + +
+ Unique ID Element
+ ✓ Clicked!
+
+
+
+
+
+
+
diff --git a/test/simple-http-server.ts b/test/simple-http-server.ts
new file mode 100644
index 0000000..1101d6c
--- /dev/null
+++ b/test/simple-http-server.ts
@@ -0,0 +1,20 @@
+import http from "http";
+import { join, dirname } from "path";
+import { fileURLToPath } from "url";
+import handler from "serve-handler";
+
+const __dirname = dirname(fileURLToPath(import.meta.url));
+
+export function launchServer(port = 8090, rootDir = join(__dirname, "playground")): http.Server {
+ const server = http.createServer((request, response) => {
+ return handler(request, response, {
+ public: rootDir,
+ });
+ });
+
+ server.listen(port, () => {
+ console.log(`Running at http://localhost:${port}`);
+ });
+
+ return server;
+}
diff --git a/test/test-server.ts b/test/test-server.ts
new file mode 100644
index 0000000..f5b945b
--- /dev/null
+++ b/test/test-server.ts
@@ -0,0 +1,46 @@
+import { launchServer } from "./simple-http-server.js";
+import path from "path";
+import { fileURLToPath } from "url";
+import http from "http";
+
+const __filename = fileURLToPath(import.meta.url);
+const __dirname = path.dirname(__filename);
+
+export interface TestServer {
+ start(): PromiseClick Results
+Click on any element above to see it marked as clicked!
+ +