XFD/frontend/src/tests/components/__snapshots__/layout.test.tsx.snap at 1462e09b59cd78163acdfa8bb66003e41951865f · cisagov/XFD · GitHub

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
89
90
91
92
93
94
95
96
97
98
99
100
101
102
103
104
105
106
107
108
109
110
111
112
113
114
115
116
117
118
119
120
121
122
123
124
125
126
127
128
129
// Vitest Snapshot v1, https://vitest.dev/guide/snapshot.html

exports[`Layout component > matches snapshot 1`] = `
<DocumentFragment>
  <div
    class="MuiBox-root css-e96of9"
  >
    <div
      class="MuiBox-root css-banc4g"
    >
      <div>
        GOV_BANNER
      </div>
      <div
        class="MuiBox-root css-dfy4bm"
      >
        <div
          class="MuiBox-root css-1c00z4o"
        >
          <div
            class="MuiPaper-root MuiPaper-elevation MuiPaper-rounded MuiPaper-elevation0 MuiAlert-root MuiAlert-colorInfo MuiAlert-standardInfo MuiAlert-standard css-172si4r-MuiPaper-root-MuiAlert-root"
            role="alert"
            style="--Paper-shadow: none;"
          >
            <div
              class="MuiAlert-icon css-vab54s-MuiAlert-icon"
            >
              <svg
                aria-hidden="true"
                class="MuiSvgIcon-root MuiSvgIcon-fontSizeInherit css-1ckov0h-MuiSvgIcon-root"
                data-testid="InfoOutlinedIcon"
                focusable="false"
                viewBox="0 0 24 24"
              >
                <path
                  d="M11,9H13V7H11M12,20C7.59,20 4,16.41 4,12C4,7.59 7.59,4 12,4C16.41,4 20,7.59 20, 12C20,16.41 16.41,20 12,20M12,2A10,10 0 0,0 2,12A10,10 0 0,0 12,22A10,10 0 0,0 22,12A10, 10 0 0,0 12,2M11,17H13V11H11V17Z"
                />
              </svg>
            </div>
            <div
              class="MuiAlert-message css-zioonp-MuiAlert-message"
            >
              <div
                class="MuiTypography-root MuiTypography-largeBody MuiTypography-gutterBottom MuiAlertTitle-root css-lpjeq2-MuiTypography-root-MuiAlertTitle-root"
              >
                CyHy Dashboard - Beta (Early Access)
              </div>
              <p
                class="MuiTypography-root MuiTypography-body1 css-35mtnr-MuiTypography-root"
              >
                You are using an early release version of the CyHy Dashboard. This site is fully functional, but some features are still being improved and refined. Your feedback during this stage directly shapes improvements. Please go to the Support menu to share feedback, report bugs, or submit questions so we can enhance the dashboard to better meet your needs.
              </p>
            </div>
            <div
              class="MuiAlert-action css-rgppqo-MuiAlert-action"
            >
              <button
                aria-label="Close"
                class="MuiButtonBase-root MuiIconButton-root MuiIconButton-colorInherit MuiIconButton-sizeSmall css-1yc1t96-MuiButtonBase-root-MuiIconButton-root"
                tabindex="0"
                title="Close"
                type="button"
              >
                <svg
                  aria-hidden="true"
                  class="MuiSvgIcon-root MuiSvgIcon-fontSizeSmall css-120dh41-MuiSvgIcon-root"
                  data-testid="CloseIcon"
                  focusable="false"
                  viewBox="0 0 24 24"
                >
                  <path
                    d="M19 6.41L17.59 5 12 10.59 6.41 5 5 6.41 10.59 12 5 17.59 6.41 19 12 13.41 17.59 19 19 17.59 13.41 12z"
                  />
                </svg>
              </button>
            </div>
          </div>
        </div>
      </div>
      <div>
        HEADER
      </div>
      <header
        class="MuiPaper-root MuiPaper-elevation MuiPaper-elevation0 MuiAppBar-root MuiAppBar-colorPrimary MuiAppBar-positionSticky css-v4s29r-MuiPaper-root-MuiAppBar-root"
        style="--Paper-shadow: none;"
      >
        <div
          class="MuiToolbar-root MuiToolbar-regular css-78voab-MuiToolbar-root"
        >
          <button
            aria-label="Toggle Filter Drawer"
            class="MuiButtonBase-root MuiButton-root MuiButton-primaryContained MuiButton-primaryContainedPrimary MuiButton-sizeMedium MuiButton-primaryContainedSizeMedium MuiButton-colorPrimary MuiButton-root MuiButton-primaryContained MuiButton-primaryContainedPrimary MuiButton-sizeMedium MuiButton-primaryContainedSizeMedium MuiButton-colorPrimary css-14y89uq-MuiButtonBase-root-MuiButton-root"
            tabindex="0"
            type="button"
          >
            <span
              class="MuiButton-icon MuiButton-startIcon MuiButton-iconSizeMedium css-1sh91j5-MuiButton-startIcon"
            >
              <svg
                aria-hidden="true"
                class="MuiSvgIcon-root MuiSvgIcon-fontSizeMedium css-1umw9bq-MuiSvgIcon-root"
                data-testid="FilterAltIcon"
                focusable="false"
                viewBox="0 0 24 24"
              >
                <path
                  d="M4.25 5.61C6.27 8.2 10 13 10 13v6c0 .55.45 1 1 1h2c.55 0 1-.45 1-1v-6s3.72-4.8 5.74-7.39c.51-.66.04-1.61-.79-1.61H5.04c-.83 0-1.3.95-.79 1.61"
                />
              </svg>
            </span>
            Filter
          </button>
        </div>
      </header>
    </div>
    <main
      class="css-ao8o4p"
    >
      <div
        class="MuiBox-root css-1200z2u"
      >
        <div>
          FILTER_DRAWER
        </div>
      </div>
    </main>
  </div>
</DocumentFragment>
`;