xmlui 0.10.12 → 0.10.14

package/dist/scripts/src/components/Link/Link.spec.js

@@ -0,0 +1,894 @@
+"use strict";
+var __awaiter = (this && this.__awaiter) || function (thisArg, _arguments, P, generator) {
+    function adopt(value) { return value instanceof P ? value : new P(function (resolve) { resolve(value); }); }
+    return new (P || (P = Promise))(function (resolve, reject) {
+        function fulfilled(value) { try { step(generator.next(value)); } catch (e) { reject(e); } }
+        function rejected(value) { try { step(generator["throw"](value)); } catch (e) { reject(e); } }
+        function step(result) { result.done ? resolve(result.value) : adopt(result.value).then(fulfilled, rejected); }
+        step((generator = generator.apply(thisArg, _arguments || [])).next());
+    });
+};
+Object.defineProperty(exports, "__esModule", { value: true });
+const fixtures_1 = require("../../testing/fixtures");
+fixtures_1.test.describe("smoke tests", { tag: "@smoke" }, () => {
+    (0, fixtures_1.test)("component renders", (_a) => __awaiter(void 0, [_a], void 0, function* ({ initTestBed, createLinkDriver }) {
+        yield initTestBed(`<Link />`);
+        const driver = yield createLinkDriver();
+        yield (0, fixtures_1.expect)(driver.component).toBeAttached();
+        yield (0, fixtures_1.expect)(driver.component).toBeEmpty();
+    }));
+    (0, fixtures_1.test)("HtmlTag link is rendered", (_a) => __awaiter(void 0, [_a], void 0, function* ({ initTestBed, createLinkDriver }) {
+        yield initTestBed(`<a />`);
+        const driver = yield createLinkDriver();
+        yield (0, fixtures_1.expect)(driver.component).toBeAttached();
+    }));
+    (0, fixtures_1.test)("HtmlTag 'a' accepts custom props not immediately used", (_a) => __awaiter(void 0, [_a], void 0, function* ({ initTestBed, createLinkDriver, }) {
+        yield initTestBed(`<a custom="test" boolean>Test Heading</a>`);
+        const driver = yield createLinkDriver();
+        yield (0, fixtures_1.expect)(driver.component).toHaveAttribute("custom", "test");
+        yield (0, fixtures_1.expect)(driver.component).toHaveAttribute("boolean", "true");
+    }));
+});
+const CODE = `<Link to="/">Hello</Link>`;
+(0, fixtures_1.test)("border", (_a) => __awaiter(void 0, [_a], void 0, function* ({ initTestBed, createLinkDriver }) {
+    const EXPECTED_COLOR = "rgb(255, 0, 0)";
+    const EXPECTED_WIDTH = "5px";
+    const EXPECTED_STYLE = "dotted";
+    yield initTestBed(CODE, {
+        testThemeVars: {
+            "border-Link": `${EXPECTED_STYLE} ${EXPECTED_COLOR} ${EXPECTED_WIDTH}`,
+        },
+    });
+    const component = (yield createLinkDriver()).component;
+    yield (0, fixtures_1.expect)(component).toHaveCSS("border-top-color", EXPECTED_COLOR);
+    yield (0, fixtures_1.expect)(component).toHaveCSS("border-top-width", EXPECTED_WIDTH);
+    yield (0, fixtures_1.expect)(component).toHaveCSS("border-top-style", EXPECTED_STYLE);
+    yield (0, fixtures_1.expect)(component).toHaveCSS("border-right-color", EXPECTED_COLOR);
+    yield (0, fixtures_1.expect)(component).toHaveCSS("border-right-width", EXPECTED_WIDTH);
+    yield (0, fixtures_1.expect)(component).toHaveCSS("border-right-style", EXPECTED_STYLE);
+    yield (0, fixtures_1.expect)(component).toHaveCSS("border-bottom-color", EXPECTED_COLOR);
+    yield (0, fixtures_1.expect)(component).toHaveCSS("border-bottom-width", EXPECTED_WIDTH);
+    yield (0, fixtures_1.expect)(component).toHaveCSS("border-bottom-style", EXPECTED_STYLE);
+    yield (0, fixtures_1.expect)(component).toHaveCSS("border-left-color", EXPECTED_COLOR);
+    yield (0, fixtures_1.expect)(component).toHaveCSS("border-left-width", EXPECTED_WIDTH);
+    yield (0, fixtures_1.expect)(component).toHaveCSS("border-left-style", EXPECTED_STYLE);
+}));
+(0, fixtures_1.test)("borderLeft", (_a) => __awaiter(void 0, [_a], void 0, function* ({ initTestBed, createLinkDriver }) {
+    const EXPECTED_COLOR = "rgb(255, 0, 0)";
+    const EXPECTED_WIDTH = "5px";
+    const EXPECTED_STYLE = "dotted";
+    yield initTestBed(CODE, {
+        testThemeVars: {
+            "borderLeft-Link": `${EXPECTED_STYLE} ${EXPECTED_COLOR} ${EXPECTED_WIDTH}`,
+        },
+    });
+    const component = (yield createLinkDriver()).component;
+    yield (0, fixtures_1.expect)(component).not.toHaveCSS("border-top-color", EXPECTED_COLOR);
+    yield (0, fixtures_1.expect)(component).not.toHaveCSS("border-top-width", EXPECTED_WIDTH);
+    yield (0, fixtures_1.expect)(component).not.toHaveCSS("border-top-style", EXPECTED_STYLE);
+    yield (0, fixtures_1.expect)(component).not.toHaveCSS("border-right-color", EXPECTED_COLOR);
+    yield (0, fixtures_1.expect)(component).not.toHaveCSS("border-right-width", EXPECTED_WIDTH);
+    yield (0, fixtures_1.expect)(component).not.toHaveCSS("border-right-style", EXPECTED_STYLE);
+    yield (0, fixtures_1.expect)(component).not.toHaveCSS("border-bottom-color", EXPECTED_COLOR);
+    yield (0, fixtures_1.expect)(component).not.toHaveCSS("border-bottom-width", EXPECTED_WIDTH);
+    yield (0, fixtures_1.expect)(component).not.toHaveCSS("border-bottom-style", EXPECTED_STYLE);
+    yield (0, fixtures_1.expect)(component).toHaveCSS("border-left-color", EXPECTED_COLOR);
+    yield (0, fixtures_1.expect)(component).toHaveCSS("border-left-width", EXPECTED_WIDTH);
+    yield (0, fixtures_1.expect)(component).toHaveCSS("border-left-style", EXPECTED_STYLE);
+}));
+(0, fixtures_1.test)("borderRight", (_a) => __awaiter(void 0, [_a], void 0, function* ({ initTestBed, createLinkDriver }) {
+    const EXPECTED_COLOR = "rgb(255, 0, 0)";
+    const EXPECTED_WIDTH = "5px";
+    const EXPECTED_STYLE = "dotted";
+    yield initTestBed(CODE, {
+        testThemeVars: {
+            "borderRight-Link": `${EXPECTED_STYLE} ${EXPECTED_COLOR} ${EXPECTED_WIDTH}`,
+        },
+    });
+    const component = (yield createLinkDriver()).component;
+    yield (0, fixtures_1.expect)(component).not.toHaveCSS("border-top-color", EXPECTED_COLOR);
+    yield (0, fixtures_1.expect)(component).not.toHaveCSS("border-top-width", EXPECTED_WIDTH);
+    yield (0, fixtures_1.expect)(component).not.toHaveCSS("border-top-style", EXPECTED_STYLE);
+    yield (0, fixtures_1.expect)(component).toHaveCSS("border-right-color", EXPECTED_COLOR);
+    yield (0, fixtures_1.expect)(component).toHaveCSS("border-right-width", EXPECTED_WIDTH);
+    yield (0, fixtures_1.expect)(component).toHaveCSS("border-right-style", EXPECTED_STYLE);
+    yield (0, fixtures_1.expect)(component).not.toHaveCSS("border-bottom-color", EXPECTED_COLOR);
+    yield (0, fixtures_1.expect)(component).not.toHaveCSS("border-bottom-width", EXPECTED_WIDTH);
+    yield (0, fixtures_1.expect)(component).not.toHaveCSS("border-bottom-style", EXPECTED_STYLE);
+    yield (0, fixtures_1.expect)(component).not.toHaveCSS("border-left-color", EXPECTED_COLOR);
+    yield (0, fixtures_1.expect)(component).not.toHaveCSS("border-left-width", EXPECTED_WIDTH);
+    yield (0, fixtures_1.expect)(component).not.toHaveCSS("border-left-style", EXPECTED_STYLE);
+}));
+(0, fixtures_1.test)("borderHorizontal", (_a) => __awaiter(void 0, [_a], void 0, function* ({ initTestBed, createLinkDriver }) {
+    const EXPECTED_COLOR = "rgb(255, 0, 0)";
+    const EXPECTED_WIDTH = "5px";
+    const EXPECTED_STYLE = "dotted";
+    yield initTestBed(CODE, {
+        testThemeVars: {
+            "borderHorizontal-Link": `${EXPECTED_STYLE} ${EXPECTED_COLOR} ${EXPECTED_WIDTH}`,
+        },
+    });
+    const component = (yield createLinkDriver()).component;
+    yield (0, fixtures_1.expect)(component).not.toHaveCSS("border-top-color", EXPECTED_COLOR);
+    yield (0, fixtures_1.expect)(component).not.toHaveCSS("border-top-width", EXPECTED_WIDTH);
+    yield (0, fixtures_1.expect)(component).not.toHaveCSS("border-top-style", EXPECTED_STYLE);
+    yield (0, fixtures_1.expect)(component).toHaveCSS("border-right-color", EXPECTED_COLOR);
+    yield (0, fixtures_1.expect)(component).toHaveCSS("border-right-width", EXPECTED_WIDTH);
+    yield (0, fixtures_1.expect)(component).toHaveCSS("border-right-style", EXPECTED_STYLE);
+    yield (0, fixtures_1.expect)(component).not.toHaveCSS("border-bottom-color", EXPECTED_COLOR);
+    yield (0, fixtures_1.expect)(component).not.toHaveCSS("border-bottom-width", EXPECTED_WIDTH);
+    yield (0, fixtures_1.expect)(component).not.toHaveCSS("border-bottom-style", EXPECTED_STYLE);
+    yield (0, fixtures_1.expect)(component).toHaveCSS("border-left-color", EXPECTED_COLOR);
+    yield (0, fixtures_1.expect)(component).toHaveCSS("border-left-width", EXPECTED_WIDTH);
+    yield (0, fixtures_1.expect)(component).toHaveCSS("border-left-style", EXPECTED_STYLE);
+}));
+(0, fixtures_1.test)("borderHorizontal and borderLeft", (_a) => __awaiter(void 0, [_a], void 0, function* ({ initTestBed, createLinkDriver }) {
+    const EXPECTED_COLOR = "rgb(255, 0, 0)";
+    const EXPECTED_WIDTH = "5px";
+    const EXPECTED_STYLE = "dotted";
+    yield initTestBed(CODE, {
+        testThemeVars: {
+            "borderHorizontal-Link": `${EXPECTED_STYLE} ${EXPECTED_COLOR} ${EXPECTED_WIDTH}`,
+            "borderLeft-Link": "8px double rgb(0, 128, 0)",
+        },
+    });
+    const component = (yield createLinkDriver()).component;
+    yield (0, fixtures_1.expect)(component).not.toHaveCSS("border-top-color", EXPECTED_COLOR);
+    yield (0, fixtures_1.expect)(component).not.toHaveCSS("border-top-width", EXPECTED_WIDTH);
+    yield (0, fixtures_1.expect)(component).not.toHaveCSS("border-top-style", EXPECTED_STYLE);
+    yield (0, fixtures_1.expect)(component).toHaveCSS("border-right-color", EXPECTED_COLOR);
+    yield (0, fixtures_1.expect)(component).toHaveCSS("border-right-width", EXPECTED_WIDTH);
+    yield (0, fixtures_1.expect)(component).toHaveCSS("border-right-style", EXPECTED_STYLE);
+    yield (0, fixtures_1.expect)(component).not.toHaveCSS("border-bottom-color", EXPECTED_COLOR);
+    yield (0, fixtures_1.expect)(component).not.toHaveCSS("border-bottom-width", EXPECTED_WIDTH);
+    yield (0, fixtures_1.expect)(component).not.toHaveCSS("border-bottom-style", EXPECTED_STYLE);
+    yield (0, fixtures_1.expect)(component).toHaveCSS("border-left-color", "rgb(0, 128, 0)");
+    yield (0, fixtures_1.expect)(component).toHaveCSS("border-left-width", "8px");
+    yield (0, fixtures_1.expect)(component).toHaveCSS("border-left-style", "double");
+}));
+(0, fixtures_1.test)("borderHorizontal and borderRight", (_a) => __awaiter(void 0, [_a], void 0, function* ({ initTestBed, createLinkDriver }) {
+    const EXPECTED_COLOR = "rgb(255, 0, 0)";
+    const EXPECTED_WIDTH = "5px";
+    const EXPECTED_STYLE = "dotted";
+    yield initTestBed(CODE, {
+        testThemeVars: {
+            "borderHorizontal-Link": `${EXPECTED_STYLE} ${EXPECTED_COLOR} ${EXPECTED_WIDTH}`,
+            "borderRight-Link": "8px double rgb(0, 128, 0)",
+        },
+    });
+    const component = (yield createLinkDriver()).component;
+    yield (0, fixtures_1.expect)(component).not.toHaveCSS("border-top-color", EXPECTED_COLOR);
+    yield (0, fixtures_1.expect)(component).not.toHaveCSS("border-top-width", EXPECTED_WIDTH);
+    yield (0, fixtures_1.expect)(component).not.toHaveCSS("border-top-style", EXPECTED_STYLE);
+    yield (0, fixtures_1.expect)(component).toHaveCSS("border-right-color", "rgb(0, 128, 0)");
+    yield (0, fixtures_1.expect)(component).toHaveCSS("border-right-width", "8px");
+    yield (0, fixtures_1.expect)(component).toHaveCSS("border-right-style", "double");
+    yield (0, fixtures_1.expect)(component).not.toHaveCSS("border-bottom-color", EXPECTED_COLOR);
+    yield (0, fixtures_1.expect)(component).not.toHaveCSS("border-bottom-width", EXPECTED_WIDTH);
+    yield (0, fixtures_1.expect)(component).not.toHaveCSS("border-bottom-style", EXPECTED_STYLE);
+    yield (0, fixtures_1.expect)(component).toHaveCSS("border-left-color", EXPECTED_COLOR);
+    yield (0, fixtures_1.expect)(component).toHaveCSS("border-left-width", EXPECTED_WIDTH);
+    yield (0, fixtures_1.expect)(component).toHaveCSS("border-left-style", EXPECTED_STYLE);
+}));
+(0, fixtures_1.test)("borderTop", (_a) => __awaiter(void 0, [_a], void 0, function* ({ initTestBed, createLinkDriver }) {
+    const EXPECTED_COLOR = "rgb(255, 0, 0)";
+    const EXPECTED_WIDTH = "5px";
+    const EXPECTED_STYLE = "dotted";
+    yield initTestBed(CODE, {
+        testThemeVars: {
+            "borderTop-Link": `${EXPECTED_STYLE} ${EXPECTED_COLOR} ${EXPECTED_WIDTH}`,
+        },
+    });
+    const component = (yield createLinkDriver()).component;
+    yield (0, fixtures_1.expect)(component).toHaveCSS("border-top-color", EXPECTED_COLOR);
+    yield (0, fixtures_1.expect)(component).toHaveCSS("border-top-width", EXPECTED_WIDTH);
+    yield (0, fixtures_1.expect)(component).toHaveCSS("border-top-style", EXPECTED_STYLE);
+    yield (0, fixtures_1.expect)(component).not.toHaveCSS("border-right-color", EXPECTED_COLOR);
+    yield (0, fixtures_1.expect)(component).not.toHaveCSS("border-right-width", EXPECTED_WIDTH);
+    yield (0, fixtures_1.expect)(component).not.toHaveCSS("border-right-style", EXPECTED_STYLE);
+    yield (0, fixtures_1.expect)(component).not.toHaveCSS("border-bottom-color", EXPECTED_COLOR);
+    yield (0, fixtures_1.expect)(component).not.toHaveCSS("border-bottom-width", EXPECTED_WIDTH);
+    yield (0, fixtures_1.expect)(component).not.toHaveCSS("border-bottom-style", EXPECTED_STYLE);
+    yield (0, fixtures_1.expect)(component).not.toHaveCSS("border-left-color", EXPECTED_COLOR);
+    yield (0, fixtures_1.expect)(component).not.toHaveCSS("border-left-width", EXPECTED_WIDTH);
+    yield (0, fixtures_1.expect)(component).not.toHaveCSS("border-left-style", EXPECTED_STYLE);
+}));
+(0, fixtures_1.test)("borderBottom", (_a) => __awaiter(void 0, [_a], void 0, function* ({ initTestBed, createLinkDriver }) {
+    const EXPECTED_COLOR = "rgb(255, 0, 0)";
+    const EXPECTED_WIDTH = "5px";
+    const EXPECTED_STYLE = "dotted";
+    yield initTestBed(CODE, {
+        testThemeVars: {
+            "borderBottom-Link": `${EXPECTED_STYLE} ${EXPECTED_COLOR} ${EXPECTED_WIDTH}`,
+        },
+    });
+    const component = (yield createLinkDriver()).component;
+    yield (0, fixtures_1.expect)(component).not.toHaveCSS("border-top-color", EXPECTED_COLOR);
+    yield (0, fixtures_1.expect)(component).not.toHaveCSS("border-top-width", EXPECTED_WIDTH);
+    yield (0, fixtures_1.expect)(component).not.toHaveCSS("border-top-style", EXPECTED_STYLE);
+    yield (0, fixtures_1.expect)(component).not.toHaveCSS("border-right-color", EXPECTED_COLOR);
+    yield (0, fixtures_1.expect)(component).not.toHaveCSS("border-right-width", EXPECTED_WIDTH);
+    yield (0, fixtures_1.expect)(component).not.toHaveCSS("border-right-style", EXPECTED_STYLE);
+    yield (0, fixtures_1.expect)(component).toHaveCSS("border-bottom-color", EXPECTED_COLOR);
+    yield (0, fixtures_1.expect)(component).toHaveCSS("border-bottom-width", EXPECTED_WIDTH);
+    yield (0, fixtures_1.expect)(component).toHaveCSS("border-bottom-style", EXPECTED_STYLE);
+    yield (0, fixtures_1.expect)(component).not.toHaveCSS("border-left-color", EXPECTED_COLOR);
+    yield (0, fixtures_1.expect)(component).not.toHaveCSS("border-left-width", EXPECTED_WIDTH);
+    yield (0, fixtures_1.expect)(component).not.toHaveCSS("border-left-style", EXPECTED_STYLE);
+}));
+(0, fixtures_1.test)("borderVertical", (_a) => __awaiter(void 0, [_a], void 0, function* ({ initTestBed, createLinkDriver }) {
+    const EXPECTED_COLOR = "rgb(255, 0, 0)";
+    const EXPECTED_WIDTH = "5px";
+    const EXPECTED_STYLE = "dotted";
+    yield initTestBed(CODE, {
+        testThemeVars: {
+            "borderVertical-Link": `${EXPECTED_STYLE} ${EXPECTED_COLOR} ${EXPECTED_WIDTH}`,
+        },
+    });
+    const component = (yield createLinkDriver()).component;
+    yield (0, fixtures_1.expect)(component).toHaveCSS("border-top-color", EXPECTED_COLOR);
+    yield (0, fixtures_1.expect)(component).toHaveCSS("border-top-width", EXPECTED_WIDTH);
+    yield (0, fixtures_1.expect)(component).toHaveCSS("border-top-style", EXPECTED_STYLE);
+    yield (0, fixtures_1.expect)(component).not.toHaveCSS("border-right-color", EXPECTED_COLOR);
+    yield (0, fixtures_1.expect)(component).not.toHaveCSS("border-right-width", EXPECTED_WIDTH);
+    yield (0, fixtures_1.expect)(component).not.toHaveCSS("border-right-style", EXPECTED_STYLE);
+    yield (0, fixtures_1.expect)(component).toHaveCSS("border-bottom-color", EXPECTED_COLOR);
+    yield (0, fixtures_1.expect)(component).toHaveCSS("border-bottom-width", EXPECTED_WIDTH);
+    yield (0, fixtures_1.expect)(component).toHaveCSS("border-bottom-style", EXPECTED_STYLE);
+    yield (0, fixtures_1.expect)(component).not.toHaveCSS("border-left-color", EXPECTED_COLOR);
+    yield (0, fixtures_1.expect)(component).not.toHaveCSS("border-left-width", EXPECTED_WIDTH);
+    yield (0, fixtures_1.expect)(component).not.toHaveCSS("border-left-style", EXPECTED_STYLE);
+}));
+(0, fixtures_1.test)("borderVertical and borderTop", (_a) => __awaiter(void 0, [_a], void 0, function* ({ initTestBed, createLinkDriver }) {
+    const EXPECTED_COLOR = "rgb(255, 0, 0)";
+    const EXPECTED_WIDTH = "5px";
+    const EXPECTED_STYLE = "dotted";
+    yield initTestBed(CODE, {
+        testThemeVars: {
+            "borderVertical-Link": `${EXPECTED_STYLE} ${EXPECTED_COLOR} ${EXPECTED_WIDTH}`,
+            "borderTop-Link": "8px double rgb(0, 128, 0)",
+        },
+    });
+    const component = (yield createLinkDriver()).component;
+    yield (0, fixtures_1.expect)(component).toHaveCSS("border-top-color", "rgb(0, 128, 0)");
+    yield (0, fixtures_1.expect)(component).toHaveCSS("border-top-width", "8px");
+    yield (0, fixtures_1.expect)(component).toHaveCSS("border-top-style", "double");
+    yield (0, fixtures_1.expect)(component).not.toHaveCSS("border-right-color", EXPECTED_COLOR);
+    yield (0, fixtures_1.expect)(component).not.toHaveCSS("border-right-width", EXPECTED_WIDTH);
+    yield (0, fixtures_1.expect)(component).not.toHaveCSS("border-right-style", EXPECTED_STYLE);
+    yield (0, fixtures_1.expect)(component).toHaveCSS("border-bottom-color", EXPECTED_COLOR);
+    yield (0, fixtures_1.expect)(component).toHaveCSS("border-bottom-width", EXPECTED_WIDTH);
+    yield (0, fixtures_1.expect)(component).toHaveCSS("border-bottom-style", EXPECTED_STYLE);
+    yield (0, fixtures_1.expect)(component).not.toHaveCSS("border-left-color", EXPECTED_COLOR);
+    yield (0, fixtures_1.expect)(component).not.toHaveCSS("border-left-width", EXPECTED_WIDTH);
+    yield (0, fixtures_1.expect)(component).not.toHaveCSS("border-left-style", EXPECTED_STYLE);
+}));
+(0, fixtures_1.test)("borderVertical and border-bottom", (_a) => __awaiter(void 0, [_a], void 0, function* ({ initTestBed, createLinkDriver }) {
+    const EXPECTED_COLOR = "rgb(255, 0, 0)";
+    const EXPECTED_WIDTH = "5px";
+    const EXPECTED_STYLE = "dotted";
+    yield initTestBed(CODE, {
+        testThemeVars: {
+            "borderVertical-Link": `${EXPECTED_STYLE} ${EXPECTED_COLOR} ${EXPECTED_WIDTH}`,
+            "borderBottom-Link": "8px double rgb(0, 128, 0)",
+        },
+    });
+    const component = (yield createLinkDriver()).component;
+    yield (0, fixtures_1.expect)(component).toHaveCSS("border-top-color", EXPECTED_COLOR);
+    yield (0, fixtures_1.expect)(component).toHaveCSS("border-top-width", EXPECTED_WIDTH);
+    yield (0, fixtures_1.expect)(component).toHaveCSS("border-top-style", EXPECTED_STYLE);
+    yield (0, fixtures_1.expect)(component).not.toHaveCSS("border-right-color", EXPECTED_COLOR);
+    yield (0, fixtures_1.expect)(component).not.toHaveCSS("border-right-width", EXPECTED_WIDTH);
+    yield (0, fixtures_1.expect)(component).not.toHaveCSS("border-right-style", EXPECTED_STYLE);
+    yield (0, fixtures_1.expect)(component).toHaveCSS("border-bottom-color", "rgb(0, 128, 0)");
+    yield (0, fixtures_1.expect)(component).toHaveCSS("border-bottom-width", "8px");
+    yield (0, fixtures_1.expect)(component).toHaveCSS("border-bottom-style", "double");
+    yield (0, fixtures_1.expect)(component).not.toHaveCSS("border-left-color", EXPECTED_COLOR);
+    yield (0, fixtures_1.expect)(component).not.toHaveCSS("border-left-width", EXPECTED_WIDTH);
+    yield (0, fixtures_1.expect)(component).not.toHaveCSS("border-left-style", EXPECTED_STYLE);
+}));
+(0, fixtures_1.test)("border-color", (_a) => __awaiter(void 0, [_a], void 0, function* ({ initTestBed, createLinkDriver }) {
+    const EXPECTED_COLOR = "rgb(0, 128, 0)";
+    const EXPECTED_WIDTH = "5px";
+    const EXPECTED_STYLE = "dotted";
+    yield initTestBed(CODE, {
+        testThemeVars: {
+            "borderColor-Link": EXPECTED_COLOR,
+        },
+    });
+    const component = (yield createLinkDriver()).component;
+    yield (0, fixtures_1.expect)(component).toHaveCSS("border-top-color", EXPECTED_COLOR);
+    yield (0, fixtures_1.expect)(component).not.toHaveCSS("border-top-width", EXPECTED_WIDTH);
+    yield (0, fixtures_1.expect)(component).not.toHaveCSS("border-top-style", EXPECTED_STYLE);
+    yield (0, fixtures_1.expect)(component).toHaveCSS("border-right-color", EXPECTED_COLOR);
+    yield (0, fixtures_1.expect)(component).not.toHaveCSS("border-right-width", EXPECTED_WIDTH);
+    yield (0, fixtures_1.expect)(component).not.toHaveCSS("border-right-style", EXPECTED_STYLE);
+    yield (0, fixtures_1.expect)(component).toHaveCSS("border-bottom-color", EXPECTED_COLOR);
+    yield (0, fixtures_1.expect)(component).not.toHaveCSS("border-bottom-width", EXPECTED_WIDTH);
+    yield (0, fixtures_1.expect)(component).not.toHaveCSS("border-bottom-style", EXPECTED_STYLE);
+    yield (0, fixtures_1.expect)(component).toHaveCSS("border-left-color", EXPECTED_COLOR);
+    yield (0, fixtures_1.expect)(component).not.toHaveCSS("border-left-width", EXPECTED_WIDTH);
+    yield (0, fixtures_1.expect)(component).not.toHaveCSS("border-left-style", EXPECTED_STYLE);
+}));
+(0, fixtures_1.test)("border, border-color", (_a) => __awaiter(void 0, [_a], void 0, function* ({ initTestBed, createLinkDriver }) {
+    const EXPECTED_COLOR = "rgb(255, 0, 0)";
+    const EXPECTED_WIDTH = "5px";
+    const EXPECTED_STYLE = "dotted";
+    const UPDATED = "rgb(0, 128, 0)";
+    yield initTestBed(CODE, {
+        testThemeVars: {
+            "borderColor-Link": UPDATED,
+            "border-Link": `${EXPECTED_STYLE} ${EXPECTED_COLOR} ${EXPECTED_WIDTH}`,
+        },
+    });
+    const component = (yield createLinkDriver()).component;
+    yield (0, fixtures_1.expect)(component).toHaveCSS("border-top-color", UPDATED);
+    yield (0, fixtures_1.expect)(component).toHaveCSS("border-top-width", EXPECTED_WIDTH);
+    yield (0, fixtures_1.expect)(component).toHaveCSS("border-top-style", EXPECTED_STYLE);
+    yield (0, fixtures_1.expect)(component).toHaveCSS("border-right-color", UPDATED);
+    yield (0, fixtures_1.expect)(component).toHaveCSS("border-right-width", EXPECTED_WIDTH);
+    yield (0, fixtures_1.expect)(component).toHaveCSS("border-right-style", EXPECTED_STYLE);
+    yield (0, fixtures_1.expect)(component).toHaveCSS("border-bottom-color", UPDATED);
+    yield (0, fixtures_1.expect)(component).toHaveCSS("border-bottom-width", EXPECTED_WIDTH);
+    yield (0, fixtures_1.expect)(component).toHaveCSS("border-bottom-style", EXPECTED_STYLE);
+    yield (0, fixtures_1.expect)(component).toHaveCSS("border-left-color", UPDATED);
+    yield (0, fixtures_1.expect)(component).toHaveCSS("border-left-width", EXPECTED_WIDTH);
+    yield (0, fixtures_1.expect)(component).toHaveCSS("border-left-style", EXPECTED_STYLE);
+}));
+(0, fixtures_1.test)("border, border-color-horizontal", (_a) => __awaiter(void 0, [_a], void 0, function* ({ initTestBed, createLinkDriver }) {
+    const EXPECTED_COLOR = "rgb(255, 0, 0)";
+    const EXPECTED_WIDTH = "5px";
+    const EXPECTED_STYLE = "dotted";
+    const UPDATED = "rgb(0, 128, 0)";
+    yield initTestBed(CODE, {
+        testThemeVars: {
+            "borderHorizontalColor-Link": UPDATED,
+            "border-Link": `${EXPECTED_STYLE} ${EXPECTED_COLOR} ${EXPECTED_WIDTH}`,
+        },
+    });
+    const component = (yield createLinkDriver()).component;
+    yield (0, fixtures_1.expect)(component).toHaveCSS("border-top-color", EXPECTED_COLOR);
+    yield (0, fixtures_1.expect)(component).toHaveCSS("border-top-width", EXPECTED_WIDTH);
+    yield (0, fixtures_1.expect)(component).toHaveCSS("border-top-style", EXPECTED_STYLE);
+    yield (0, fixtures_1.expect)(component).toHaveCSS("border-right-color", UPDATED);
+    yield (0, fixtures_1.expect)(component).toHaveCSS("border-right-width", EXPECTED_WIDTH);
+    yield (0, fixtures_1.expect)(component).toHaveCSS("border-right-style", EXPECTED_STYLE);
+    yield (0, fixtures_1.expect)(component).toHaveCSS("border-bottom-color", EXPECTED_COLOR);
+    yield (0, fixtures_1.expect)(component).toHaveCSS("border-bottom-width", EXPECTED_WIDTH);
+    yield (0, fixtures_1.expect)(component).toHaveCSS("border-bottom-style", EXPECTED_STYLE);
+    yield (0, fixtures_1.expect)(component).toHaveCSS("border-left-color", UPDATED);
+    yield (0, fixtures_1.expect)(component).toHaveCSS("border-left-width", EXPECTED_WIDTH);
+    yield (0, fixtures_1.expect)(component).toHaveCSS("border-left-style", EXPECTED_STYLE);
+}));
+(0, fixtures_1.test)("border, border-color-left", (_a) => __awaiter(void 0, [_a], void 0, function* ({ initTestBed, createLinkDriver }) {
+    const EXPECTED_COLOR = "rgb(255, 0, 0)";
+    const EXPECTED_WIDTH = "5px";
+    const EXPECTED_STYLE = "dotted";
+    const UPDATED = "rgb(0, 128, 0)";
+    yield initTestBed(CODE, {
+        testThemeVars: {
+            "borderLeftColor-Link": UPDATED,
+            "border-Link": `${EXPECTED_STYLE} ${EXPECTED_COLOR} ${EXPECTED_WIDTH}`,
+        },
+    });
+    const component = (yield createLinkDriver()).component;
+    yield (0, fixtures_1.expect)(component).toHaveCSS("border-top-color", EXPECTED_COLOR);
+    yield (0, fixtures_1.expect)(component).toHaveCSS("border-top-width", EXPECTED_WIDTH);
+    yield (0, fixtures_1.expect)(component).toHaveCSS("border-top-style", EXPECTED_STYLE);
+    yield (0, fixtures_1.expect)(component).toHaveCSS("border-right-color", EXPECTED_COLOR);
+    yield (0, fixtures_1.expect)(component).toHaveCSS("border-right-width", EXPECTED_WIDTH);
+    yield (0, fixtures_1.expect)(component).toHaveCSS("border-right-style", EXPECTED_STYLE);
+    yield (0, fixtures_1.expect)(component).toHaveCSS("border-bottom-color", EXPECTED_COLOR);
+    yield (0, fixtures_1.expect)(component).toHaveCSS("border-bottom-width", EXPECTED_WIDTH);
+    yield (0, fixtures_1.expect)(component).toHaveCSS("border-bottom-style", EXPECTED_STYLE);
+    yield (0, fixtures_1.expect)(component).toHaveCSS("border-left-color", UPDATED);
+    yield (0, fixtures_1.expect)(component).toHaveCSS("border-left-width", EXPECTED_WIDTH);
+    yield (0, fixtures_1.expect)(component).toHaveCSS("border-left-style", EXPECTED_STYLE);
+}));
+(0, fixtures_1.test)("border, border-color-right", (_a) => __awaiter(void 0, [_a], void 0, function* ({ initTestBed, createLinkDriver }) {
+    const EXPECTED_COLOR = "rgb(255, 0, 0)";
+    const EXPECTED_WIDTH = "5px";
+    const EXPECTED_STYLE = "dotted";
+    const UPDATED = "rgb(0, 128, 0)";
+    yield initTestBed(CODE, {
+        testThemeVars: {
+            "borderRightColor-Link": UPDATED,
+            "border-Link": `${EXPECTED_STYLE} ${EXPECTED_COLOR} ${EXPECTED_WIDTH}`,
+        },
+    });
+    const component = (yield createLinkDriver()).component;
+    yield (0, fixtures_1.expect)(component).toHaveCSS("border-top-color", EXPECTED_COLOR);
+    yield (0, fixtures_1.expect)(component).toHaveCSS("border-top-width", EXPECTED_WIDTH);
+    yield (0, fixtures_1.expect)(component).toHaveCSS("border-top-style", EXPECTED_STYLE);
+    yield (0, fixtures_1.expect)(component).toHaveCSS("border-right-color", UPDATED);
+    yield (0, fixtures_1.expect)(component).toHaveCSS("border-right-width", EXPECTED_WIDTH);
+    yield (0, fixtures_1.expect)(component).toHaveCSS("border-right-style", EXPECTED_STYLE);
+    yield (0, fixtures_1.expect)(component).toHaveCSS("border-bottom-color", EXPECTED_COLOR);
+    yield (0, fixtures_1.expect)(component).toHaveCSS("border-bottom-width", EXPECTED_WIDTH);
+    yield (0, fixtures_1.expect)(component).toHaveCSS("border-bottom-style", EXPECTED_STYLE);
+    yield (0, fixtures_1.expect)(component).toHaveCSS("border-left-color", EXPECTED_COLOR);
+    yield (0, fixtures_1.expect)(component).toHaveCSS("border-left-width", EXPECTED_WIDTH);
+    yield (0, fixtures_1.expect)(component).toHaveCSS("border-left-style", EXPECTED_STYLE);
+}));
+(0, fixtures_1.test)("border, border-color-vertical", (_a) => __awaiter(void 0, [_a], void 0, function* ({ initTestBed, createLinkDriver }) {
+    const EXPECTED_COLOR = "rgb(255, 0, 0)";
+    const EXPECTED_WIDTH = "5px";
+    const EXPECTED_STYLE = "dotted";
+    const UPDATED = "rgb(0, 128, 0)";
+    yield initTestBed(CODE, {
+        testThemeVars: {
+            "borderVerticalColor-Link": UPDATED,
+            "border-Link": `${EXPECTED_STYLE} ${EXPECTED_COLOR} ${EXPECTED_WIDTH}`,
+        },
+    });
+    const component = (yield createLinkDriver()).component;
+    yield (0, fixtures_1.expect)(component).toHaveCSS("border-top-color", UPDATED);
+    yield (0, fixtures_1.expect)(component).toHaveCSS("border-top-width", EXPECTED_WIDTH);
+    yield (0, fixtures_1.expect)(component).toHaveCSS("border-top-style", EXPECTED_STYLE);
+    yield (0, fixtures_1.expect)(component).toHaveCSS("border-right-color", EXPECTED_COLOR);
+    yield (0, fixtures_1.expect)(component).toHaveCSS("border-right-width", EXPECTED_WIDTH);
+    yield (0, fixtures_1.expect)(component).toHaveCSS("border-right-style", EXPECTED_STYLE);
+    yield (0, fixtures_1.expect)(component).toHaveCSS("border-bottom-color", UPDATED);
+    yield (0, fixtures_1.expect)(component).toHaveCSS("border-bottom-width", EXPECTED_WIDTH);
+    yield (0, fixtures_1.expect)(component).toHaveCSS("border-bottom-style", EXPECTED_STYLE);
+    yield (0, fixtures_1.expect)(component).toHaveCSS("border-left-color", EXPECTED_COLOR);
+    yield (0, fixtures_1.expect)(component).toHaveCSS("border-left-width", EXPECTED_WIDTH);
+    yield (0, fixtures_1.expect)(component).toHaveCSS("border-left-style", EXPECTED_STYLE);
+}));
+(0, fixtures_1.test)("border, border-color-top", (_a) => __awaiter(void 0, [_a], void 0, function* ({ initTestBed, createLinkDriver }) {
+    const EXPECTED_COLOR = "rgb(255, 0, 0)";
+    const EXPECTED_WIDTH = "5px";
+    const EXPECTED_STYLE = "dotted";
+    const UPDATED = "rgb(0, 128, 0)";
+    yield initTestBed(CODE, {
+        testThemeVars: {
+            "borderTopColor-Link": UPDATED,
+            "border-Link": `${EXPECTED_STYLE} ${EXPECTED_COLOR} ${EXPECTED_WIDTH}`,
+        },
+    });
+    const component = (yield createLinkDriver()).component;
+    yield (0, fixtures_1.expect)(component).toHaveCSS("border-top-color", UPDATED);
+    yield (0, fixtures_1.expect)(component).toHaveCSS("border-top-width", EXPECTED_WIDTH);
+    yield (0, fixtures_1.expect)(component).toHaveCSS("border-top-style", EXPECTED_STYLE);
+    yield (0, fixtures_1.expect)(component).toHaveCSS("border-right-color", EXPECTED_COLOR);
+    yield (0, fixtures_1.expect)(component).toHaveCSS("border-right-width", EXPECTED_WIDTH);
+    yield (0, fixtures_1.expect)(component).toHaveCSS("border-right-style", EXPECTED_STYLE);
+    yield (0, fixtures_1.expect)(component).toHaveCSS("border-bottom-color", EXPECTED_COLOR);
+    yield (0, fixtures_1.expect)(component).toHaveCSS("border-bottom-width", EXPECTED_WIDTH);
+    yield (0, fixtures_1.expect)(component).toHaveCSS("border-bottom-style", EXPECTED_STYLE);
+    yield (0, fixtures_1.expect)(component).toHaveCSS("border-left-color", EXPECTED_COLOR);
+    yield (0, fixtures_1.expect)(component).toHaveCSS("border-left-width", EXPECTED_WIDTH);
+    yield (0, fixtures_1.expect)(component).toHaveCSS("border-left-style", EXPECTED_STYLE);
+}));
+(0, fixtures_1.test)("border, border-color-bottom", (_a) => __awaiter(void 0, [_a], void 0, function* ({ initTestBed, createLinkDriver }) {
+    const EXPECTED_COLOR = "rgb(255, 0, 0)";
+    const EXPECTED_WIDTH = "5px";
+    const EXPECTED_STYLE = "dotted";
+    const UPDATED = "rgb(0, 128, 0)";
+    yield initTestBed(CODE, {
+        testThemeVars: {
+            "borderBottomColor-Link": UPDATED,
+            "border-Link": `${EXPECTED_STYLE} ${EXPECTED_COLOR} ${EXPECTED_WIDTH}`,
+        },
+    });
+    const component = (yield createLinkDriver()).component;
+    yield (0, fixtures_1.expect)(component).toHaveCSS("border-top-color", EXPECTED_COLOR);
+    yield (0, fixtures_1.expect)(component).toHaveCSS("border-top-width", EXPECTED_WIDTH);
+    yield (0, fixtures_1.expect)(component).toHaveCSS("border-top-style", EXPECTED_STYLE);
+    yield (0, fixtures_1.expect)(component).toHaveCSS("border-right-color", EXPECTED_COLOR);
+    yield (0, fixtures_1.expect)(component).toHaveCSS("border-right-width", EXPECTED_WIDTH);
+    yield (0, fixtures_1.expect)(component).toHaveCSS("border-right-style", EXPECTED_STYLE);
+    yield (0, fixtures_1.expect)(component).toHaveCSS("border-bottom-color", UPDATED);
+    yield (0, fixtures_1.expect)(component).toHaveCSS("border-bottom-width", EXPECTED_WIDTH);
+    yield (0, fixtures_1.expect)(component).toHaveCSS("border-bottom-style", EXPECTED_STYLE);
+    yield (0, fixtures_1.expect)(component).toHaveCSS("border-left-color", EXPECTED_COLOR);
+    yield (0, fixtures_1.expect)(component).toHaveCSS("border-left-width", EXPECTED_WIDTH);
+    yield (0, fixtures_1.expect)(component).toHaveCSS("border-left-style", EXPECTED_STYLE);
+}));
+(0, fixtures_1.test)("border-style", (_a) => __awaiter(void 0, [_a], void 0, function* ({ initTestBed, createLinkDriver }) {
+    const EXPECTED_COLOR = "rgb(0, 128, 0)";
+    const EXPECTED_WIDTH = "5px";
+    const EXPECTED_STYLE = "dotted";
+    yield initTestBed(CODE, {
+        testThemeVars: {
+            "borderStyle-Link": EXPECTED_STYLE,
+        },
+    });
+    const component = (yield createLinkDriver()).component;
+    yield (0, fixtures_1.expect)(component).not.toHaveCSS("border-top-color", EXPECTED_COLOR);
+    yield (0, fixtures_1.expect)(component).not.toHaveCSS("border-top-width", EXPECTED_WIDTH);
+    yield (0, fixtures_1.expect)(component).toHaveCSS("border-top-style", EXPECTED_STYLE);
+    yield (0, fixtures_1.expect)(component).not.toHaveCSS("border-right-color", EXPECTED_COLOR);
+    yield (0, fixtures_1.expect)(component).not.toHaveCSS("border-right-width", EXPECTED_WIDTH);
+    yield (0, fixtures_1.expect)(component).toHaveCSS("border-right-style", EXPECTED_STYLE);
+    yield (0, fixtures_1.expect)(component).not.toHaveCSS("border-bottom-color", EXPECTED_COLOR);
+    yield (0, fixtures_1.expect)(component).not.toHaveCSS("border-bottom-width", EXPECTED_WIDTH);
+    yield (0, fixtures_1.expect)(component).toHaveCSS("border-bottom-style", EXPECTED_STYLE);
+    yield (0, fixtures_1.expect)(component).not.toHaveCSS("border-left-color", EXPECTED_COLOR);
+    yield (0, fixtures_1.expect)(component).not.toHaveCSS("border-left-width", EXPECTED_WIDTH);
+    yield (0, fixtures_1.expect)(component).toHaveCSS("border-left-style", EXPECTED_STYLE);
+}));
+(0, fixtures_1.test)("border, border-style", (_a) => __awaiter(void 0, [_a], void 0, function* ({ initTestBed, createLinkDriver }) {
+    const EXPECTED_COLOR = "rgb(255, 0, 0)";
+    const EXPECTED_WIDTH = "5px";
+    const EXPECTED_STYLE = "dotted";
+    const UPDATED = "double";
+    yield initTestBed(CODE, {
+        testThemeVars: {
+            "borderStyle-Link": UPDATED,
+            "border-Link": `${EXPECTED_STYLE} ${EXPECTED_COLOR} ${EXPECTED_WIDTH}`,
+        },
+    });
+    const component = (yield createLinkDriver()).component;
+    yield (0, fixtures_1.expect)(component).toHaveCSS("border-top-color", EXPECTED_COLOR);
+    yield (0, fixtures_1.expect)(component).toHaveCSS("border-top-width", EXPECTED_WIDTH);
+    yield (0, fixtures_1.expect)(component).toHaveCSS("border-top-style", UPDATED);
+    yield (0, fixtures_1.expect)(component).toHaveCSS("border-right-color", EXPECTED_COLOR);
+    yield (0, fixtures_1.expect)(component).toHaveCSS("border-right-width", EXPECTED_WIDTH);
+    yield (0, fixtures_1.expect)(component).toHaveCSS("border-right-style", UPDATED);
+    yield (0, fixtures_1.expect)(component).toHaveCSS("border-bottom-color", EXPECTED_COLOR);
+    yield (0, fixtures_1.expect)(component).toHaveCSS("border-bottom-width", EXPECTED_WIDTH);
+    yield (0, fixtures_1.expect)(component).toHaveCSS("border-bottom-style", UPDATED);
+    yield (0, fixtures_1.expect)(component).toHaveCSS("border-left-color", EXPECTED_COLOR);
+    yield (0, fixtures_1.expect)(component).toHaveCSS("border-left-width", EXPECTED_WIDTH);
+    yield (0, fixtures_1.expect)(component).toHaveCSS("border-left-style", UPDATED);
+}));
+(0, fixtures_1.test)("border, border-style-horizontal", (_a) => __awaiter(void 0, [_a], void 0, function* ({ initTestBed, createLinkDriver }) {
+    const EXPECTED_COLOR = "rgb(0, 128, 0)";
+    const EXPECTED_WIDTH = "5px";
+    const EXPECTED_STYLE = "dotted";
+    const UPDATED = "double";
+    yield initTestBed(CODE, {
+        testThemeVars: {
+            "borderHorizontalStyle-Link": UPDATED,
+            "border-Link": `${EXPECTED_STYLE} ${EXPECTED_COLOR} ${EXPECTED_WIDTH}`,
+        },
+    });
+    const component = (yield createLinkDriver()).component;
+    yield (0, fixtures_1.expect)(component).toHaveCSS("border-top-color", EXPECTED_COLOR);
+    yield (0, fixtures_1.expect)(component).toHaveCSS("border-top-width", EXPECTED_WIDTH);
+    yield (0, fixtures_1.expect)(component).toHaveCSS("border-top-style", EXPECTED_STYLE);
+    yield (0, fixtures_1.expect)(component).toHaveCSS("border-right-color", EXPECTED_COLOR);
+    yield (0, fixtures_1.expect)(component).toHaveCSS("border-right-width", EXPECTED_WIDTH);
+    yield (0, fixtures_1.expect)(component).toHaveCSS("border-right-style", UPDATED);
+    yield (0, fixtures_1.expect)(component).toHaveCSS("border-bottom-color", EXPECTED_COLOR);
+    yield (0, fixtures_1.expect)(component).toHaveCSS("border-bottom-width", EXPECTED_WIDTH);
+    yield (0, fixtures_1.expect)(component).toHaveCSS("border-bottom-style", EXPECTED_STYLE);
+    yield (0, fixtures_1.expect)(component).toHaveCSS("border-left-color", EXPECTED_COLOR);
+    yield (0, fixtures_1.expect)(component).toHaveCSS("border-left-width", EXPECTED_WIDTH);
+    yield (0, fixtures_1.expect)(component).toHaveCSS("border-left-style", UPDATED);
+}));
+(0, fixtures_1.test)("border, border-style-left", (_a) => __awaiter(void 0, [_a], void 0, function* ({ initTestBed, createLinkDriver }) {
+    const EXPECTED_COLOR = "rgb(0, 128, 0)";
+    const EXPECTED_WIDTH = "5px";
+    const EXPECTED_STYLE = "dotted";
+    const UPDATED = "double";
+    yield initTestBed(CODE, {
+        testThemeVars: {
+            "borderLeftStyle-Link": UPDATED,
+            "border-Link": `${EXPECTED_STYLE} ${EXPECTED_COLOR} ${EXPECTED_WIDTH}`,
+        },
+    });
+    const component = (yield createLinkDriver()).component;
+    yield (0, fixtures_1.expect)(component).toHaveCSS("border-top-color", EXPECTED_COLOR);
+    yield (0, fixtures_1.expect)(component).toHaveCSS("border-top-width", EXPECTED_WIDTH);
+    yield (0, fixtures_1.expect)(component).toHaveCSS("border-top-style", EXPECTED_STYLE);
+    yield (0, fixtures_1.expect)(component).toHaveCSS("border-right-color", EXPECTED_COLOR);
+    yield (0, fixtures_1.expect)(component).toHaveCSS("border-right-width", EXPECTED_WIDTH);
+    yield (0, fixtures_1.expect)(component).toHaveCSS("border-right-style", EXPECTED_STYLE);
+    yield (0, fixtures_1.expect)(component).toHaveCSS("border-bottom-color", EXPECTED_COLOR);
+    yield (0, fixtures_1.expect)(component).toHaveCSS("border-bottom-width", EXPECTED_WIDTH);
+    yield (0, fixtures_1.expect)(component).toHaveCSS("border-bottom-style", EXPECTED_STYLE);
+    yield (0, fixtures_1.expect)(component).toHaveCSS("border-left-color", EXPECTED_COLOR);
+    yield (0, fixtures_1.expect)(component).toHaveCSS("border-left-width", EXPECTED_WIDTH);
+    yield (0, fixtures_1.expect)(component).toHaveCSS("border-left-style", UPDATED);
+}));
+(0, fixtures_1.test)("border, border-style-right", (_a) => __awaiter(void 0, [_a], void 0, function* ({ initTestBed, createLinkDriver }) {
+    const EXPECTED_COLOR = "rgb(0, 128, 0)";
+    const EXPECTED_WIDTH = "5px";
+    const EXPECTED_STYLE = "dotted";
+    const UPDATED = "double";
+    yield initTestBed(CODE, {
+        testThemeVars: {
+            "borderRightStyle-Link": UPDATED,
+            "border-Link": `${EXPECTED_STYLE} ${EXPECTED_COLOR} ${EXPECTED_WIDTH}`,
+        },
+    });
+    const component = (yield createLinkDriver()).component;
+    yield (0, fixtures_1.expect)(component).toHaveCSS("border-top-color", EXPECTED_COLOR);
+    yield (0, fixtures_1.expect)(component).toHaveCSS("border-top-width", EXPECTED_WIDTH);
+    yield (0, fixtures_1.expect)(component).toHaveCSS("border-top-style", EXPECTED_STYLE);
+    yield (0, fixtures_1.expect)(component).toHaveCSS("border-right-color", EXPECTED_COLOR);
+    yield (0, fixtures_1.expect)(component).toHaveCSS("border-right-width", EXPECTED_WIDTH);
+    yield (0, fixtures_1.expect)(component).toHaveCSS("border-right-style", UPDATED);
+    yield (0, fixtures_1.expect)(component).toHaveCSS("border-bottom-color", EXPECTED_COLOR);
+    yield (0, fixtures_1.expect)(component).toHaveCSS("border-bottom-width", EXPECTED_WIDTH);
+    yield (0, fixtures_1.expect)(component).toHaveCSS("border-bottom-style", EXPECTED_STYLE);
+    yield (0, fixtures_1.expect)(component).toHaveCSS("border-left-color", EXPECTED_COLOR);
+    yield (0, fixtures_1.expect)(component).toHaveCSS("border-left-width", EXPECTED_WIDTH);
+    yield (0, fixtures_1.expect)(component).toHaveCSS("border-left-style", EXPECTED_STYLE);
+}));
+(0, fixtures_1.test)("border, border-style-vertical", (_a) => __awaiter(void 0, [_a], void 0, function* ({ initTestBed, createLinkDriver }) {
+    const EXPECTED_COLOR = "rgb(0, 128, 0)";
+    const EXPECTED_WIDTH = "5px";
+    const EXPECTED_STYLE = "dotted";
+    const UPDATED = "double";
+    yield initTestBed(CODE, {
+        testThemeVars: {
+            "borderVerticalStyle-Link": UPDATED,
+            "border-Link": `${EXPECTED_STYLE} ${EXPECTED_COLOR} ${EXPECTED_WIDTH}`,
+        },
+    });
+    const component = (yield createLinkDriver()).component;
+    yield (0, fixtures_1.expect)(component).toHaveCSS("border-top-color", EXPECTED_COLOR);
+    yield (0, fixtures_1.expect)(component).toHaveCSS("border-top-width", EXPECTED_WIDTH);
+    yield (0, fixtures_1.expect)(component).toHaveCSS("border-top-style", UPDATED);
+    yield (0, fixtures_1.expect)(component).toHaveCSS("border-right-color", EXPECTED_COLOR);
+    yield (0, fixtures_1.expect)(component).toHaveCSS("border-right-width", EXPECTED_WIDTH);
+    yield (0, fixtures_1.expect)(component).toHaveCSS("border-right-style", EXPECTED_STYLE);
+    yield (0, fixtures_1.expect)(component).toHaveCSS("border-bottom-color", EXPECTED_COLOR);
+    yield (0, fixtures_1.expect)(component).toHaveCSS("border-bottom-width", EXPECTED_WIDTH);
+    yield (0, fixtures_1.expect)(component).toHaveCSS("border-bottom-style", UPDATED);
+    yield (0, fixtures_1.expect)(component).toHaveCSS("border-left-color", EXPECTED_COLOR);
+    yield (0, fixtures_1.expect)(component).toHaveCSS("border-left-width", EXPECTED_WIDTH);
+    yield (0, fixtures_1.expect)(component).toHaveCSS("border-left-style", EXPECTED_STYLE);
+}));
+(0, fixtures_1.test)("border, border-style-top", (_a) => __awaiter(void 0, [_a], void 0, function* ({ initTestBed, createLinkDriver }) {
+    const EXPECTED_COLOR = "rgb(0, 128, 0)";
+    const EXPECTED_WIDTH = "5px";
+    const EXPECTED_STYLE = "dotted";
+    const UPDATED = "double";
+    yield initTestBed(CODE, {
+        testThemeVars: {
+            "borderTopStyle-Link": UPDATED,
+            "border-Link": `${EXPECTED_STYLE} ${EXPECTED_COLOR} ${EXPECTED_WIDTH}`,
+        },
+    });
+    const component = (yield createLinkDriver()).component;
+    yield (0, fixtures_1.expect)(component).toHaveCSS("border-top-color", EXPECTED_COLOR);
+    yield (0, fixtures_1.expect)(component).toHaveCSS("border-top-width", EXPECTED_WIDTH);
+    yield (0, fixtures_1.expect)(component).toHaveCSS("border-top-style", UPDATED);
+    yield (0, fixtures_1.expect)(component).toHaveCSS("border-right-color", EXPECTED_COLOR);
+    yield (0, fixtures_1.expect)(component).toHaveCSS("border-right-width", EXPECTED_WIDTH);
+    yield (0, fixtures_1.expect)(component).toHaveCSS("border-right-style", EXPECTED_STYLE);
+    yield (0, fixtures_1.expect)(component).toHaveCSS("border-bottom-color", EXPECTED_COLOR);
+    yield (0, fixtures_1.expect)(component).toHaveCSS("border-bottom-width", EXPECTED_WIDTH);
+    yield (0, fixtures_1.expect)(component).toHaveCSS("border-bottom-style", EXPECTED_STYLE);
+    yield (0, fixtures_1.expect)(component).toHaveCSS("border-left-color", EXPECTED_COLOR);
+    yield (0, fixtures_1.expect)(component).toHaveCSS("border-left-width", EXPECTED_WIDTH);
+    yield (0, fixtures_1.expect)(component).toHaveCSS("border-left-style", EXPECTED_STYLE);
+}));
+(0, fixtures_1.test)("border, border-style-bottom", (_a) => __awaiter(void 0, [_a], void 0, function* ({ initTestBed, createLinkDriver }) {
+    const EXPECTED_COLOR = "rgb(0, 128, 0)";
+    const EXPECTED_WIDTH = "5px";
+    const EXPECTED_STYLE = "dotted";
+    const UPDATED = "double";
+    yield initTestBed(CODE, {
+        testThemeVars: {
+            "borderBottomStyle-Link": UPDATED,
+            "border-Link": `${EXPECTED_STYLE} ${EXPECTED_COLOR} ${EXPECTED_WIDTH}`,
+        },
+    });
+    const component = (yield createLinkDriver()).component;
+    yield (0, fixtures_1.expect)(component).toHaveCSS("border-top-color", EXPECTED_COLOR);
+    yield (0, fixtures_1.expect)(component).toHaveCSS("border-top-width", EXPECTED_WIDTH);
+    yield (0, fixtures_1.expect)(component).toHaveCSS("border-top-style", EXPECTED_STYLE);
+    yield (0, fixtures_1.expect)(component).toHaveCSS("border-right-color", EXPECTED_COLOR);
+    yield (0, fixtures_1.expect)(component).toHaveCSS("border-right-width", EXPECTED_WIDTH);
+    yield (0, fixtures_1.expect)(component).toHaveCSS("border-right-style", EXPECTED_STYLE);
+    yield (0, fixtures_1.expect)(component).toHaveCSS("border-bottom-color", EXPECTED_COLOR);
+    yield (0, fixtures_1.expect)(component).toHaveCSS("border-bottom-width", EXPECTED_WIDTH);
+    yield (0, fixtures_1.expect)(component).toHaveCSS("border-bottom-style", UPDATED);
+    yield (0, fixtures_1.expect)(component).toHaveCSS("border-left-color", EXPECTED_COLOR);
+    yield (0, fixtures_1.expect)(component).toHaveCSS("border-left-width", EXPECTED_WIDTH);
+    yield (0, fixtures_1.expect)(component).toHaveCSS("border-left-style", EXPECTED_STYLE);
+}));
+(0, fixtures_1.test)("border-thickness", (_a) => __awaiter(void 0, [_a], void 0, function* ({ initTestBed, createLinkDriver }) {
+    const EXPECTED_COLOR = "rgb(0, 128, 0)";
+    const EXPECTED_WIDTH = "8px";
+    const EXPECTED_STYLE = "dotted";
+    yield initTestBed(CODE, {
+        testThemeVars: {
+            "borderWidth-Link": EXPECTED_WIDTH,
+        },
+    });
+    const component = (yield createLinkDriver()).component;
+    yield (0, fixtures_1.expect)(component).not.toHaveCSS("border-top-color", EXPECTED_COLOR);
+    yield (0, fixtures_1.expect)(component).toHaveCSS("border-top-width", EXPECTED_WIDTH);
+    yield (0, fixtures_1.expect)(component).not.toHaveCSS("border-top-style", EXPECTED_STYLE);
+    yield (0, fixtures_1.expect)(component).not.toHaveCSS("border-right-color", EXPECTED_COLOR);
+    yield (0, fixtures_1.expect)(component).toHaveCSS("border-right-width", EXPECTED_WIDTH);
+    yield (0, fixtures_1.expect)(component).not.toHaveCSS("border-right-style", EXPECTED_STYLE);
+    yield (0, fixtures_1.expect)(component).not.toHaveCSS("border-bottom-color", EXPECTED_COLOR);
+    yield (0, fixtures_1.expect)(component).toHaveCSS("border-bottom-width", EXPECTED_WIDTH);
+    yield (0, fixtures_1.expect)(component).not.toHaveCSS("border-bottom-style", EXPECTED_STYLE);
+    yield (0, fixtures_1.expect)(component).not.toHaveCSS("border-left-color", EXPECTED_COLOR);
+    yield (0, fixtures_1.expect)(component).toHaveCSS("border-left-width", EXPECTED_WIDTH);
+    yield (0, fixtures_1.expect)(component).not.toHaveCSS("border-left-style", EXPECTED_STYLE);
+}));
+(0, fixtures_1.test)("border, border-thickness", (_a) => __awaiter(void 0, [_a], void 0, function* ({ initTestBed, createLinkDriver }) {
+    const EXPECTED_COLOR = "rgb(255, 0, 0)";
+    const EXPECTED_WIDTH = "5px";
+    const EXPECTED_STYLE = "dotted";
+    const UPDATED = "12px";
+    yield initTestBed(CODE, {
+        testThemeVars: {
+            "borderWidth-Link": UPDATED,
+            "border-Link": `${EXPECTED_STYLE} ${EXPECTED_COLOR} ${EXPECTED_WIDTH}`,
+        },
+    });
+    const component = (yield createLinkDriver()).component;
+    yield (0, fixtures_1.expect)(component).toHaveCSS("border-top-color", EXPECTED_COLOR);
+    yield (0, fixtures_1.expect)(component).toHaveCSS("border-top-width", UPDATED);
+    yield (0, fixtures_1.expect)(component).toHaveCSS("border-top-style", EXPECTED_STYLE);
+    yield (0, fixtures_1.expect)(component).toHaveCSS("border-right-color", EXPECTED_COLOR);
+    yield (0, fixtures_1.expect)(component).toHaveCSS("border-right-width", UPDATED);
+    yield (0, fixtures_1.expect)(component).toHaveCSS("border-right-style", EXPECTED_STYLE);
+    yield (0, fixtures_1.expect)(component).toHaveCSS("border-bottom-color", EXPECTED_COLOR);
+    yield (0, fixtures_1.expect)(component).toHaveCSS("border-bottom-width", UPDATED);
+    yield (0, fixtures_1.expect)(component).toHaveCSS("border-bottom-style", EXPECTED_STYLE);
+    yield (0, fixtures_1.expect)(component).toHaveCSS("border-left-color", EXPECTED_COLOR);
+    yield (0, fixtures_1.expect)(component).toHaveCSS("border-left-width", UPDATED);
+    yield (0, fixtures_1.expect)(component).toHaveCSS("border-left-style", EXPECTED_STYLE);
+}));
+(0, fixtures_1.test)("border, border-thickness-horizontal", (_a) => __awaiter(void 0, [_a], void 0, function* ({ initTestBed, createLinkDriver }) {
+    const EXPECTED_COLOR = "rgb(255, 0, 0)";
+    const EXPECTED_WIDTH = "5px";
+    const EXPECTED_STYLE = "dotted";
+    const UPDATED = "12px";
+    yield initTestBed(CODE, {
+        testThemeVars: {
+            "borderHorizontalWidth-Link": UPDATED,
+            "border-Link": `${EXPECTED_STYLE} ${EXPECTED_COLOR} ${EXPECTED_WIDTH}`,
+        },
+    });
+    const component = (yield createLinkDriver()).component;
+    yield (0, fixtures_1.expect)(component).toHaveCSS("border-top-color", EXPECTED_COLOR);
+    yield (0, fixtures_1.expect)(component).toHaveCSS("border-top-width", EXPECTED_WIDTH);
+    yield (0, fixtures_1.expect)(component).toHaveCSS("border-top-style", EXPECTED_STYLE);
+    yield (0, fixtures_1.expect)(component).toHaveCSS("border-right-color", EXPECTED_COLOR);
+    yield (0, fixtures_1.expect)(component).toHaveCSS("border-right-width", UPDATED);
+    yield (0, fixtures_1.expect)(component).toHaveCSS("border-right-style", EXPECTED_STYLE);
+    yield (0, fixtures_1.expect)(component).toHaveCSS("border-bottom-color", EXPECTED_COLOR);
+    yield (0, fixtures_1.expect)(component).toHaveCSS("border-bottom-width", EXPECTED_WIDTH);
+    yield (0, fixtures_1.expect)(component).toHaveCSS("border-bottom-style", EXPECTED_STYLE);
+    yield (0, fixtures_1.expect)(component).toHaveCSS("border-left-color", EXPECTED_COLOR);
+    yield (0, fixtures_1.expect)(component).toHaveCSS("border-left-width", UPDATED);
+    yield (0, fixtures_1.expect)(component).toHaveCSS("border-left-style", EXPECTED_STYLE);
+}));
+(0, fixtures_1.test)("border, border-thickness-left", (_a) => __awaiter(void 0, [_a], void 0, function* ({ initTestBed, createLinkDriver }) {
+    const EXPECTED_COLOR = "rgb(255, 0, 0)";
+    const EXPECTED_WIDTH = "5px";
+    const EXPECTED_STYLE = "dotted";
+    const UPDATED = "12px";
+    yield initTestBed(CODE, {
+        testThemeVars: {
+            "borderLeftWidth-Link": UPDATED,
+            "border-Link": `${EXPECTED_STYLE} ${EXPECTED_COLOR} ${EXPECTED_WIDTH}`,
+        },
+    });
+    const component = (yield createLinkDriver()).component;
+    yield (0, fixtures_1.expect)(component).toHaveCSS("border-top-color", EXPECTED_COLOR);
+    yield (0, fixtures_1.expect)(component).toHaveCSS("border-top-width", EXPECTED_WIDTH);
+    yield (0, fixtures_1.expect)(component).toHaveCSS("border-top-style", EXPECTED_STYLE);
+    yield (0, fixtures_1.expect)(component).toHaveCSS("border-right-color", EXPECTED_COLOR);
+    yield (0, fixtures_1.expect)(component).toHaveCSS("border-right-width", EXPECTED_WIDTH);
+    yield (0, fixtures_1.expect)(component).toHaveCSS("border-right-style", EXPECTED_STYLE);
+    yield (0, fixtures_1.expect)(component).toHaveCSS("border-bottom-color", EXPECTED_COLOR);
+    yield (0, fixtures_1.expect)(component).toHaveCSS("border-bottom-width", EXPECTED_WIDTH);
+    yield (0, fixtures_1.expect)(component).toHaveCSS("border-bottom-style", EXPECTED_STYLE);
+    yield (0, fixtures_1.expect)(component).toHaveCSS("border-left-color", EXPECTED_COLOR);
+    yield (0, fixtures_1.expect)(component).toHaveCSS("border-left-width", UPDATED);
+    yield (0, fixtures_1.expect)(component).toHaveCSS("border-left-style", EXPECTED_STYLE);
+}));
+(0, fixtures_1.test)("border, border-thickness-right", (_a) => __awaiter(void 0, [_a], void 0, function* ({ initTestBed, createLinkDriver }) {
+    const EXPECTED_COLOR = "rgb(255, 0, 0)";
+    const EXPECTED_WIDTH = "5px";
+    const EXPECTED_STYLE = "dotted";
+    const UPDATED = "12px";
+    yield initTestBed(CODE, {
+        testThemeVars: {
+            "borderRightWidth-Link": UPDATED,
+            "border-Link": `${EXPECTED_STYLE} ${EXPECTED_COLOR} ${EXPECTED_WIDTH}`,
+        },
+    });
+    const component = (yield createLinkDriver()).component;
+    yield (0, fixtures_1.expect)(component).toHaveCSS("border-top-color", EXPECTED_COLOR);
+    yield (0, fixtures_1.expect)(component).toHaveCSS("border-top-width", EXPECTED_WIDTH);
+    yield (0, fixtures_1.expect)(component).toHaveCSS("border-top-style", EXPECTED_STYLE);
+    yield (0, fixtures_1.expect)(component).toHaveCSS("border-right-color", EXPECTED_COLOR);
+    yield (0, fixtures_1.expect)(component).toHaveCSS("border-right-width", UPDATED);
+    yield (0, fixtures_1.expect)(component).toHaveCSS("border-right-style", EXPECTED_STYLE);
+    yield (0, fixtures_1.expect)(component).toHaveCSS("border-bottom-color", EXPECTED_COLOR);
+    yield (0, fixtures_1.expect)(component).toHaveCSS("border-bottom-width", EXPECTED_WIDTH);
+    yield (0, fixtures_1.expect)(component).toHaveCSS("border-bottom-style", EXPECTED_STYLE);
+    yield (0, fixtures_1.expect)(component).toHaveCSS("border-left-color", EXPECTED_COLOR);
+    yield (0, fixtures_1.expect)(component).toHaveCSS("border-left-width", EXPECTED_WIDTH);
+    yield (0, fixtures_1.expect)(component).toHaveCSS("border-left-style", EXPECTED_STYLE);
+}));
+(0, fixtures_1.test)("border, border-thickness-vertical", (_a) => __awaiter(void 0, [_a], void 0, function* ({ initTestBed, createLinkDriver }) {
+    const EXPECTED_COLOR = "rgb(255, 0, 0)";
+    const EXPECTED_WIDTH = "5px";
+    const EXPECTED_STYLE = "dotted";
+    const UPDATED = "12px";
+    yield initTestBed(CODE, {
+        testThemeVars: {
+            "borderVerticalWidth-Link": UPDATED,
+            "border-Link": `${EXPECTED_STYLE} ${EXPECTED_COLOR} ${EXPECTED_WIDTH}`,
+        },
+    });
+    const component = (yield createLinkDriver()).component;
+    yield (0, fixtures_1.expect)(component).toHaveCSS("border-top-color", EXPECTED_COLOR);
+    yield (0, fixtures_1.expect)(component).toHaveCSS("border-top-width", UPDATED);
+    yield (0, fixtures_1.expect)(component).toHaveCSS("border-top-style", EXPECTED_STYLE);
+    yield (0, fixtures_1.expect)(component).toHaveCSS("border-right-color", EXPECTED_COLOR);
+    yield (0, fixtures_1.expect)(component).toHaveCSS("border-right-width", EXPECTED_WIDTH);
+    yield (0, fixtures_1.expect)(component).toHaveCSS("border-right-style", EXPECTED_STYLE);
+    yield (0, fixtures_1.expect)(component).toHaveCSS("border-bottom-color", EXPECTED_COLOR);
+    yield (0, fixtures_1.expect)(component).toHaveCSS("border-bottom-width", UPDATED);
+    yield (0, fixtures_1.expect)(component).toHaveCSS("border-bottom-style", EXPECTED_STYLE);
+    yield (0, fixtures_1.expect)(component).toHaveCSS("border-left-color", EXPECTED_COLOR);
+    yield (0, fixtures_1.expect)(component).toHaveCSS("border-left-width", EXPECTED_WIDTH);
+    yield (0, fixtures_1.expect)(component).toHaveCSS("border-left-style", EXPECTED_STYLE);
+}));
+(0, fixtures_1.test)("border, border-thickness-top", (_a) => __awaiter(void 0, [_a], void 0, function* ({ initTestBed, createLinkDriver }) {
+    const EXPECTED_COLOR = "rgb(255, 0, 0)";
+    const EXPECTED_WIDTH = "5px";
+    const EXPECTED_STYLE = "dotted";
+    const UPDATED = "12px";
+    yield initTestBed(CODE, {
+        testThemeVars: {
+            "borderTopWidth-Link": UPDATED,
+            "border-Link": `${EXPECTED_STYLE} ${EXPECTED_COLOR} ${EXPECTED_WIDTH}`,
+        },
+    });
+    const component = (yield createLinkDriver()).component;
+    yield (0, fixtures_1.expect)(component).toHaveCSS("border-top-color", EXPECTED_COLOR);
+    yield (0, fixtures_1.expect)(component).toHaveCSS("border-top-width", UPDATED);
+    yield (0, fixtures_1.expect)(component).toHaveCSS("border-top-style", EXPECTED_STYLE);
+    yield (0, fixtures_1.expect)(component).toHaveCSS("border-right-color", EXPECTED_COLOR);
+    yield (0, fixtures_1.expect)(component).toHaveCSS("border-right-width", EXPECTED_WIDTH);
+    yield (0, fixtures_1.expect)(component).toHaveCSS("border-right-style", EXPECTED_STYLE);
+    yield (0, fixtures_1.expect)(component).toHaveCSS("border-bottom-color", EXPECTED_COLOR);
+    yield (0, fixtures_1.expect)(component).toHaveCSS("border-bottom-width", EXPECTED_WIDTH);
+    yield (0, fixtures_1.expect)(component).toHaveCSS("border-bottom-style", EXPECTED_STYLE);
+    yield (0, fixtures_1.expect)(component).toHaveCSS("border-left-color", EXPECTED_COLOR);
+    yield (0, fixtures_1.expect)(component).toHaveCSS("border-left-width", EXPECTED_WIDTH);
+    yield (0, fixtures_1.expect)(component).toHaveCSS("border-left-style", EXPECTED_STYLE);
+}));
+(0, fixtures_1.test)("border, border-thickness-bottom", (_a) => __awaiter(void 0, [_a], void 0, function* ({ initTestBed, createLinkDriver }) {
+    const EXPECTED_COLOR = "rgb(255, 0, 0)";
+    const EXPECTED_WIDTH = "5px";
+    const EXPECTED_STYLE = "dotted";
+    const UPDATED = "12px";
+    yield initTestBed(CODE, {
+        testThemeVars: {
+            "borderBottomWidth-Link": UPDATED,
+            "border-Link": `${EXPECTED_STYLE} ${EXPECTED_COLOR} ${EXPECTED_WIDTH}`,
+        },
+    });
+    const component = (yield createLinkDriver()).component;
+    yield (0, fixtures_1.expect)(component).toHaveCSS("border-top-color", EXPECTED_COLOR);
+    yield (0, fixtures_1.expect)(component).toHaveCSS("border-top-width", EXPECTED_WIDTH);
+    yield (0, fixtures_1.expect)(component).toHaveCSS("border-top-style", EXPECTED_STYLE);
+    yield (0, fixtures_1.expect)(component).toHaveCSS("border-right-color", EXPECTED_COLOR);
+    yield (0, fixtures_1.expect)(component).toHaveCSS("border-right-width", EXPECTED_WIDTH);
+    yield (0, fixtures_1.expect)(component).toHaveCSS("border-right-style", EXPECTED_STYLE);
+    yield (0, fixtures_1.expect)(component).toHaveCSS("border-bottom-color", EXPECTED_COLOR);
+    yield (0, fixtures_1.expect)(component).toHaveCSS("border-bottom-width", UPDATED);
+    yield (0, fixtures_1.expect)(component).toHaveCSS("border-bottom-style", EXPECTED_STYLE);
+    yield (0, fixtures_1.expect)(component).toHaveCSS("border-left-color", EXPECTED_COLOR);
+    yield (0, fixtures_1.expect)(component).toHaveCSS("border-left-width", EXPECTED_WIDTH);
+    yield (0, fixtures_1.expect)(component).toHaveCSS("border-left-style", EXPECTED_STYLE);
+}));
+/*
+test("Link accepts custom props", async ({
+  initTestBed,
+  createLinkDriver,
+}) => {
+  await initTestBed(`<Link data-custom="test">Test</Link>`);
+  const driver = await createLinkDriver();
+
+  await expect(driver.component).toHaveAttribute("data-custom", "test");
+});
+ */