test(select): add missed tests

Author: Enes5519

src/components/select/bl-select.test.ts

@@ -132,7 +132,7 @@ describe("bl-select", () => {
 
     const selectedOptions = el.shadowRoot?.querySelector<HTMLUListElement>(".selected-options");
 
-    expect(selectedOptions?.children[0].children[0]).to.equal("<bl-icon name=\"info\"></bl-icon>");
+    expect(selectedOptions?.children[0].children[0].outerHTML).to.equal("<bl-icon name=\"info\"></bl-icon>");
   });
   it("should open select menu", async () => {
     const el = await fixture<BlSelect>(html`<bl-select><bl-select-option value="1">Option 1</bl-select-option></bl-select>`);

src/components/select/option/bl-select-option.test.ts

@@ -1,4 +1,4 @@
-import { assert, elementUpdated, fixture, expect, html, oneEvent } from "@open-wc/testing";
+import { assert, elementUpdated, expect, fixture, html, oneEvent } from "@open-wc/testing";
 import { sendKeys } from "@web/test-runner-commands";
 import BlSelectOption from "./bl-select-option";
 
@@ -15,6 +15,8 @@ describe("bl-select", () => {
     expect(el).shadowDom.equal(
       `<div class="option-container">
        <div class="focus-target single-option" role="option" aria-selected="false">
+        <slot name="icon">
+        </slot>
         <slot>
         </slot>
        </div>
@@ -41,6 +43,14 @@ describe("bl-select", () => {
     );
   });
 
+  it("should rendered with custom icon", async () => {
+    const el = await fixture<BlSelectOption>(html`<bl-select-option><bl-icon slot="icon" name="info"></bl-icon></bl-select-option>`);
+
+    const iconSlot = el.shadowRoot!.querySelector<HTMLSlotElement>("slot[name=icon]")!;
+
+    expect(iconSlot.assignedElements()).deep.equal([el.querySelector("bl-icon")]);
+  });
+
   it("should have aria-selected attribute set to true if the option is selected", async function () {
     const el = await fixture<BlSelectOption>(
       html`<bl-select-option value="basketball" selected>Basketball</bl-select-option>`