@microsoft/fast-html 1.0.0-alpha.4 → 1.0.0-alpha.40

package/dist/esm/fixtures/slotted/slotted.spec.js

@@ -1,25 +0,0 @@
-import { __awaiter } from "tslib";
-import { expect, test } from "@playwright/test";
-test.describe("f-template", () => __awaiter(void 0, void 0, void 0, function* () {
-    test("create a slotted directive", ({ page }) => __awaiter(void 0, void 0, void 0, function* () {
-        yield page.goto("/slotted");
-        const classCount1 = yield page.evaluate(() => {
-            var _a;
-            const customElement = document.getElementsByTagName("test-element");
-            return (_a = customElement.item(0)) === null || _a === void 0 ? void 0 : _a.classList.length;
-        });
-        expect(classCount1).toEqual(2);
-        yield page.evaluate(() => {
-            var _a;
-            const customElement = document.getElementsByTagName("test-element");
-            const newElement = document.createElement("button");
-            (_a = customElement.item(0)) === null || _a === void 0 ? void 0 : _a.append(newElement);
-        });
-        const classCount2 = yield page.evaluate(() => {
-            var _a;
-            const customElement = document.getElementsByTagName("test-element");
-            return (_a = customElement.item(0)) === null || _a === void 0 ? void 0 : _a.classList.length;
-        });
-        expect(classCount2).toEqual(3);
-    }));
-}));

package/dist/esm/fixtures/when/main.js

@@ -1,146 +0,0 @@
-import { __decorate, __metadata } from "tslib";
-import { TemplateElement } from "@microsoft/fast-html";
-import { attr, FASTElement } from "@microsoft/fast-element";
-class TestElement extends FASTElement {
-    constructor() {
-        super(...arguments);
-        this.show = false;
-    }
-}
-__decorate([
-    attr({ mode: "boolean" }),
-    __metadata("design:type", Boolean)
-], TestElement.prototype, "show", void 0);
-TestElement.define({
-    name: "test-element",
-});
-class TestElementNot extends FASTElement {
-    constructor() {
-        super(...arguments);
-        this.hide = false;
-    }
-}
-__decorate([
-    attr({ mode: "boolean" }),
-    __metadata("design:type", Boolean)
-], TestElementNot.prototype, "hide", void 0);
-TestElementNot.define({
-    name: "test-element-not",
-});
-class TestElementEquals extends FASTElement {
-    constructor() {
-        super(...arguments);
-        this.varA = 0;
-    }
-}
-__decorate([
-    attr({ attribute: "var-a" }),
-    __metadata("design:type", Number)
-], TestElementEquals.prototype, "varA", void 0);
-TestElementEquals.define({
-    name: "test-element-equals",
-});
-class TestElementNotEquals extends FASTElement {
-    constructor() {
-        super(...arguments);
-        this.varA = 0;
-    }
-}
-__decorate([
-    attr({ attribute: "var-a" }),
-    __metadata("design:type", Number)
-], TestElementNotEquals.prototype, "varA", void 0);
-TestElementNotEquals.define({
-    name: "test-element-not-equals",
-});
-class TestElementGe extends FASTElement {
-    constructor() {
-        super(...arguments);
-        this.varA = 0;
-    }
-}
-__decorate([
-    attr({ attribute: "var-a" }),
-    __metadata("design:type", Number)
-], TestElementGe.prototype, "varA", void 0);
-TestElementGe.define({
-    name: "test-element-ge",
-});
-class TestElementGt extends FASTElement {
-    constructor() {
-        super(...arguments);
-        this.varA = 0;
-    }
-}
-__decorate([
-    attr({ attribute: "var-a" }),
-    __metadata("design:type", Number)
-], TestElementGt.prototype, "varA", void 0);
-TestElementGt.define({
-    name: "test-element-gt",
-});
-class TestElementLe extends FASTElement {
-    constructor() {
-        super(...arguments);
-        this.varA = 0;
-    }
-}
-__decorate([
-    attr({ attribute: "var-a" }),
-    __metadata("design:type", Number)
-], TestElementLe.prototype, "varA", void 0);
-TestElementLe.define({
-    name: "test-element-le",
-});
-class TestElementLt extends FASTElement {
-    constructor() {
-        super(...arguments);
-        this.varA = 0;
-    }
-}
-__decorate([
-    attr({ attribute: "var-a" }),
-    __metadata("design:type", Number)
-], TestElementLt.prototype, "varA", void 0);
-TestElementLt.define({
-    name: "test-element-lt",
-});
-class TestElementOr extends FASTElement {
-    constructor() {
-        super(...arguments);
-        this.thisVar = false;
-        this.thatVar = false;
-    }
-}
-__decorate([
-    attr({ attribute: "this-var", mode: "boolean" }),
-    __metadata("design:type", Boolean)
-], TestElementOr.prototype, "thisVar", void 0);
-__decorate([
-    attr({ attribute: "that-var", mode: "boolean" }),
-    __metadata("design:type", Boolean)
-], TestElementOr.prototype, "thatVar", void 0);
-TestElementOr.define({
-    name: "test-element-or",
-});
-class TestElementAnd extends FASTElement {
-    constructor() {
-        super(...arguments);
-        this.thisVar = false;
-        this.thatVar = false;
-    }
-}
-__decorate([
-    attr({ attribute: "this-var", mode: "boolean" }),
-    __metadata("design:type", Boolean)
-], TestElementAnd.prototype, "thisVar", void 0);
-__decorate([
-    attr({ attribute: "that-var", mode: "boolean" }),
-    __metadata("design:type", Boolean)
-], TestElementAnd.prototype, "thatVar", void 0);
-TestElementAnd.define({
-    name: "test-element-and",
-});
-TemplateElement.define({
-    name: "f-template",
-});

package/dist/esm/fixtures/when/when.spec.js

@@ -1,82 +0,0 @@
-import { __awaiter } from "tslib";
-import { expect, test } from "@playwright/test";
-test.describe("f-template", () => __awaiter(void 0, void 0, void 0, function* () {
-    test("create a when directive for a boolean: true", ({ page }) => __awaiter(void 0, void 0, void 0, function* () {
-        yield page.goto("/when");
-        const customElementShow = yield page.locator("#show");
-        const customElementHide = yield page.locator("#hide");
-        yield expect(customElementShow).toHaveText("Hello world");
-        yield expect(customElementHide).not.toHaveText("Hello world");
-        yield page.evaluate(() => {
-            const customElementShow = document.getElementById("show");
-            const customElementHide = document.getElementById("hide");
-            customElementShow === null || customElementShow === void 0 ? void 0 : customElementShow.removeAttribute("show");
-            customElementHide === null || customElementHide === void 0 ? void 0 : customElementHide.setAttribute("show", "");
-        });
-        yield expect(customElementShow).not.toHaveText("Hello world");
-        yield expect(customElementHide).toHaveText("Hello world");
-    }));
-    test("create a when directive for a boolean: false", ({ page }) => __awaiter(void 0, void 0, void 0, function* () {
-        yield page.goto("/when");
-        const customElementShow = yield page.locator("#show-not");
-        const customElementHide = yield page.locator("#hide-not");
-        yield expect(customElementShow).toHaveText("Hello world");
-        yield expect(customElementHide).not.toHaveText("Hello world");
-    }));
-    test("create a when directive value uses equals", ({ page }) => __awaiter(void 0, void 0, void 0, function* () {
-        yield page.goto("/when");
-        const customElementShow = yield page.locator("#equals-true");
-        const customElementHide = yield page.locator("#equals-false");
-        yield expect(customElementShow).toHaveText("Equals 3");
-        yield expect(customElementHide).not.toHaveText("Equals 3");
-    }));
-    test("create a when directive value uses not equals", ({ page }) => __awaiter(void 0, void 0, void 0, function* () {
-        yield page.goto("/when");
-        const customElementShow = yield page.locator("#not-equals-true");
-        const customElementHide = yield page.locator("#not-equals-false");
-        yield expect(customElementShow).toHaveText("Not equals 3");
-        yield expect(customElementHide).not.toHaveText("Not equals 3");
-    }));
-    test("create a when directive value uses greater than or equals", ({ page }) => __awaiter(void 0, void 0, void 0, function* () {
-        yield page.goto("/when");
-        const customElementShow = yield page.locator("#ge-true");
-        const customElementHide = yield page.locator("#ge-false");
-        yield expect(customElementShow).toHaveText("Two and Over");
-        yield expect(customElementHide).not.toHaveText("Two and Over");
-    }));
-    test("create a when directive value uses greater than", ({ page }) => __awaiter(void 0, void 0, void 0, function* () {
-        yield page.goto("/when");
-        const customElementShow = yield page.locator("#gt-true");
-        const customElementHide = yield page.locator("#gt-false");
-        yield expect(customElementShow).toHaveText("Over two");
-        yield expect(customElementHide).not.toHaveText("Over two");
-    }));
-    test("create a when directive value uses less than or equals", ({ page }) => __awaiter(void 0, void 0, void 0, function* () {
-        yield page.goto("/when");
-        const customElementShow = yield page.locator("#le-true");
-        const customElementHide = yield page.locator("#le-false");
-        yield expect(customElementShow).toHaveText("Two and Under");
-        yield expect(customElementHide).not.toHaveText("Two and Under");
-    }));
-    test("create a when directive value uses less than", ({ page }) => __awaiter(void 0, void 0, void 0, function* () {
-        yield page.goto("/when");
-        const customElementShow = yield page.locator("#lt-true");
-        const customElementHide = yield page.locator("#lt-false");
-        yield expect(customElementShow).toHaveText("Under two");
-        yield expect(customElementHide).not.toHaveText("Under two");
-    }));
-    test("create a when directive value uses or", ({ page }) => __awaiter(void 0, void 0, void 0, function* () {
-        yield page.goto("/when");
-        const customElementShow = yield page.locator("#or-true");
-        const customElementHide = yield page.locator("#or-false");
-        yield expect(customElementShow).toHaveText("This or That");
-        yield expect(customElementHide).not.toHaveText("This or That");
-    }));
-    test("create a when directive value uses and", ({ page }) => __awaiter(void 0, void 0, void 0, function* () {
-        yield page.goto("/when");
-        const customElementShow = yield page.locator("#and-true");
-        const customElementHide = yield page.locator("#and-false");
-        yield expect(customElementShow).toHaveText("This and That");
-        yield expect(customElementHide).not.toHaveText("This and That");
-    }));
-}));