diff --git a/test/e2e/tag.e2e.ts b/test/e2e/tag.e2e.ts
new file mode 100644
index 000000000..288bf7841
--- /dev/null
+++ b/test/e2e/tag.e2e.ts
@@ -0,0 +1,21 @@
+import { newE2EPage } from '@stencil/core/testing';
+
+const testContent = `
+<sl-tag clearable>Tag</sl-input>
+`;
+
+describe('tag', () => {
+  it('should emit slClear when cleared', async () => {
+    const page = await newE2EPage();
+    await page.setContent(testContent);
+
+    const tag = await page.find('sl-tag');
+    const tagClear = await page.find('sl-tag >>> .tag__clear');
+
+    const slClear = await tag.spyOnEvent('slClear');
+
+    await tagClear.click();
+
+    expect(slClear).toHaveReceivedEventTimes(1);
+  });
+});