import { html, fixture, expect } from "@open-wc/testing";

// import flow-core elements
import "@cldcvr/flow-core";

import { FCheckbox } from "@cldcvr/flow-core";

describe("f-checkbox", () => {
	it("is defined", () => {
		const el = document.createElement("f-checkbox");
		expect(el).instanceOf(FCheckbox);
	});
	it("should render with all default properties", async () => {
		const el = await fixture(html` <f-checkbox></f-checkbox> `);
		const descendant = el.shadowRoot!.querySelector(".f-checkbox")!;
		expect(descendant.getAttribute("state")).to.equal("default");
	});
});