# All files / typography examples.data.ts

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

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
    72
    73
    74
    75
    76
    77
    78
    79
    80
    81
    82
    83
    84
    85
    86
    87
    88

    1x

    1x
    1x

    1x

    1x
     import { ICategoryItemProps } from "@microsoft/fast-development-site-react";
    import { ISnapshotTestSuite } from "@microsoft/fast-jest-snapshots-react";
    import { IManagedClasses } from "@microsoft/fast-components-class-name-contracts-base";
    import Typography, {
        ITypographyHandledProps,
        ITypographyManagedClasses,
        ITypographyUnhandledProps,
        TypeLevel,
        TypographyTag
    } from "./typography";
    import * as React from "react";

    const testString: string = "Test string";
    const managedClassExamples: any = {
        typography_1: "typography-1",
        typography_2: "typography-2",
        typography_3: "typography-3",
        typography_4: "typography-4",
        typography_5: "typography-5",
        typography_6: "typography-6",
        typography_7: "typography-7",
        typography_8: "typography-8",
        typography_9: "typography-9"
    };

    const examples: ISnapshotTestSuite<ITypographyHandledProps & ITypographyManagedClasses> = {
        name: "typography",
        component: Typography,
        data: [
            {
                managedClasses: managedClassExamples,
                tag: TypographyTag.h1,
                typeLevel: TypeLevel._1,
                children: testString
            },
            {
                managedClasses: managedClassExamples,
                tag: TypographyTag.h2,
                typeLevel: TypeLevel._2,
                children: testString
            },
            {
                managedClasses: managedClassExamples,
                tag: TypographyTag.h3,
                typeLevel: TypeLevel._3,
                children: testString
            },
            {
                managedClasses: managedClassExamples,
                tag: TypographyTag.h4,
                typeLevel: TypeLevel._4,
                children: testString
            },
            {
                managedClasses: managedClassExamples,
                tag: TypographyTag.h5,
                typeLevel: TypeLevel._5,
                children: testString
            },
            {
                managedClasses: managedClassExamples,
                tag: TypographyTag.h6,
                typeLevel: TypeLevel._6,
                children: testString
            },
            {
                managedClasses: managedClassExamples,
                tag: TypographyTag.span,
                typeLevel: TypeLevel._7,
                children: testString
            },
            {
                managedClasses: managedClassExamples,
                tag: TypographyTag.caption,
                typeLevel: TypeLevel._8,
                children: testString
            },
            {
                managedClasses: managedClassExamples,
                tag: TypographyTag.p,
                typeLevel: TypeLevel._9,
                children: testString
            }
        ]
    };

    export default examples;