How to use the @microsoft/fast-web-utilities.Orientation.horizontal function in @microsoft/fast-web-utilities

To help you get started, we’ve selected a few @microsoft/fast-web-utilities examples, based on popular ways it is used in public projects.

Secure your code as it's written. Use Snyk Code to scan source code in minutes - no build needed - and fix issues immediately.

github microsoft / fast-dna / packages / fast-components-react-base / src / tabs / tabs.spec.tsx View on Github external
test("should have an aria-orientation if the orientation prop is passed", () => {
        const renderedWithChildren: any = mount(
            
                {children}
            
        );
        const renderedWithChildrenHorizontal: any = mount(
            
                {children}
            
        );
        const renderedWithChildrenVertical: any = mount(
            
                {children}
            
        );

        expect(renderedWithChildren.find("[aria-orientation]")).toHaveLength(0);
        expect(
github microsoft / fast-dna / packages / fast-components-react-base / src / tabs / tabs.spec.tsx View on Github external
const renderedWithChildrenVertical: any = mount(
            
                {children}
            
        );

        expect(renderedWithChildren.find("[aria-orientation]")).toHaveLength(0);
        expect(
            renderedWithChildrenHorizontal.find("[aria-orientation]").props()[
                "aria-orientation"
            ]
        ).toBe(Orientation.horizontal);
        expect(
            renderedWithChildrenVertical.find("[aria-orientation]").props()[
                "aria-orientation"
            ]
        ).toBe(Orientation.vertical);
    });
github microsoft / fast-dna / packages / fast-components-react-base / src / tabs / examples.data.tsx View on Github external
label: "A set of example text content",
        activeId: "tab03",
        items: detailTabItem,
        children: ["child 1", "child 2"],
    },
    data: [
        {
            ...tabsManagedClasses,
            label: "A set of example text content",
            items: detailTabItem,
            children: ["child 1", "child 2"],
        },
        {
            ...tabsManagedClasses,
            label: "A set of example text content",
            orientation: Orientation.horizontal,
            items: exampleTabItem1,
        },
        {
            /**
             * @Deprecated 3.4.0
             */
            ...tabsManagedClasses,
            activeId: "tab04",
            label: "A set of example text content",
            orientation: Orientation.horizontal,
            children: exampleChildren1,
        },
        {
            /**
             * @Deprecated 3.4.0
             */
github microsoft / fast-dna / packages / fast-components-react-base / src / tabs / examples.data.tsx View on Github external
children: ["child 1", "child 2"],
        },
        {
            ...tabsManagedClasses,
            label: "A set of example text content",
            orientation: Orientation.horizontal,
            items: exampleTabItem1,
        },
        {
            /**
             * @Deprecated 3.4.0
             */
            ...tabsManagedClasses,
            activeId: "tab04",
            label: "A set of example text content",
            orientation: Orientation.horizontal,
            children: exampleChildren1,
        },
        {
            /**
             * @Deprecated 3.4.0
             */
            ...tabsManagedClasses,
            activeId: "tab03",
            label: "A set of example text content",
            orientation: Orientation.vertical,
            children: exampleChildren2,
        },
        {
            /**
             * @Deprecated 3.4.0
             */