From 45f4b33eb147d5fe73078fc63805da4f835a5f98 Mon Sep 17 00:00:00 2001
From: Cory LaViska <cory@abeautifulsite.net>
Date: Tue, 15 Jun 2021 09:36:45 -0400
Subject: [PATCH] add select sl-change test

---
 src/components/select/select.test.ts | 24 ++++++++++++++++++++++++
 1 file changed, 24 insertions(+)
 create mode 100644 src/components/select/select.test.ts

diff --git a/src/components/select/select.test.ts b/src/components/select/select.test.ts
new file mode 100644
index 000000000..0d676fb33
--- /dev/null
+++ b/src/components/select/select.test.ts
@@ -0,0 +1,24 @@
+import { expect, fixture, html, waitUntil } from '@open-wc/testing';
+import sinon from 'sinon';
+
+import '../../../dist/shoelace.js';
+import type SlSelect from './select';
+
+describe('<sl-select>', () => {
+  it('should emit sl-change when the value changes', async () => {
+    const el = (await fixture(html`
+      <sl-select>
+        <sl-menu-item value="option-1">Option 1</sl-menu-item>
+        <sl-menu-item value="option-2">Option 2</sl-menu-item>
+        <sl-menu-item value="option-3">Option 3</sl-menu-item>
+      </sl-select>
+    `)) as SlSelect;
+    const changeHandler = sinon.spy();
+
+    el.addEventListener('sl-change', changeHandler);
+    el.value = 'option-2';
+    await waitUntil(() => changeHandler.calledOnce);
+
+    expect(changeHandler).to.have.been.calledOnce;
+  });
+});