# All files / context-menu-item examples.data.ts

100% Statements 4/4
100% Branches 0/0
100% Functions 0/0
100% Lines 4/4

Press n or j to go to the next uncovered block, b, p or k for the previous block.

    1
    2
    3
    4
    5
    6
    7
    8
    9
    10
    11
    12
    13
    14
    15
    16
    17
    18
    19
    20
    21
    22
    23
    24
    25
    26
    27
    28
    29
    30
    31
    32
    33
    34
    35
    36
    37
    38
    39
    40
    41
    42
    43
    44
    45
    46
    47
    48
    49
    50
    51
    52
    53
    54
    55
    56
    57
    58
    59
    60
    61
    62
    63
    64
    65
    66
    67
    68
    69
    70
    71

    1x

    1x

    1x

    1x
     import { ISnapshotTestSuite } from "@microsoft/fast-jest-snapshots-react";
    import { IManagedClasses } from "@microsoft/fast-components-class-name-contracts";
    import ContextMenuItem, { ContextMenuItemRole, IContextMenuItemHandledProps, IContextMenuItemManagedClasses } from "./context-menu-item";

    const managedClasses: IContextMenuItemManagedClasses = {
        managedClasses: {
            contextMenuItem: "context-menu-item"
        }
    };

    const examples: ISnapshotTestSuite<IContextMenuItemHandledProps & IContextMenuItemManagedClasses> = {
        name: "context-menu-item",
        component: ContextMenuItem,
        data: [
            {
                ...managedClasses,
                children: "child"
            },
            {
                ...managedClasses,
                children: "child",
                role: "invalid-role" as any
            },
            {
                ...managedClasses,
                children: "menuitem",
                role: ContextMenuItemRole.menuitem
            },
            {
                ...managedClasses,
                children: "menuitemradio",
                role: ContextMenuItemRole.menuitemradio
            },
            {
                ...managedClasses,
                children: "menuitemcheckbox",
                role: ContextMenuItemRole.menuitemcheckbox
            },
            {
                ...managedClasses,
                role: ContextMenuItemRole.separator
            },
            {
                ...managedClasses,
                children: "menuitem checked",
                role: ContextMenuItemRole.menuitem,
                checked: true
            },
            {
                ...managedClasses,
                children: "menuitemradio checked",
                role: ContextMenuItemRole.menuitemradio,
                checked: true
            },
            {
                ...managedClasses,
                children: "menuitemcheckbox checked",
                role: ContextMenuItemRole.menuitemcheckbox,
                checked: true
            },
            {
                ...managedClasses,
                children: "separator checked with children",
                role: ContextMenuItemRole.separator,
                checked: true
            }
        ]
    };

    export default examples;