element-web/apps/web/test/unit-tests/components/structures/__snapshots__/FilePanel-test.tsx.snap at a5b39eb8c2eb74e584cfb86793692986e25f17dd · element-hq/element-web · 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
// Jest Snapshot v1, https://jestjs.io/docs/snapshot-testing

exports[`FilePanel renders empty state 1`] = `
<DocumentFragment>
  <div
    class="mx_BaseCard mx_FilePanel"
  >
    <div
      class="mx_BaseCard_header"
    >
      <div
        class="mx_BaseCard_header_title"
      >
        <p
          class="_typography_6v6n8_153 _font-body-md-medium_6v6n8_60 mx_BaseCard_header_title_heading"
          role="heading"
        >
          Files
        </p>
      </div>
      <button
        aria-labelledby="test-id-0"
        class="_icon-button_1215g_8"
        data-kind="secondary"
        data-testid="base-card-close-button"
        role="button"
        style="--cpd-icon-button-size: 28px;"
        tabindex="0"
      >
        <div
          class="_indicator-icon_147l5_17"
          style="--cpd-icon-button-size: 100%;"
        >
          <svg
            fill="currentColor"
            height="1em"
            viewBox="0 0 24 24"
            width="1em"
            xmlns="http://www.w3.org/2000/svg"
          >
            <path
              d="M6.293 6.293a1 1 0 0 1 1.414 0L12 10.586l4.293-4.293a1 1 0 1 1 1.414 1.414L13.414 12l4.293 4.293a1 1 0 0 1-1.414 1.414L12 13.414l-4.293 4.293a1 1 0 0 1-1.414-1.414L10.586 12 6.293 7.707a1 1 0 0 1 0-1.414"
            />
          </svg>
        </div>
      </button>
    </div>
    <div
      class="mx_RoomView_messagePanel mx_RoomView_messageListWrapper"
    >
      <div
        class="mx_RoomView_empty"
      >
        <div
          class="_flex_4dswl_9 mx_EmptyState"
          style="--mx-flex-display: flex; --mx-flex-direction: column; --mx-flex-align: center; --mx-flex-justify: center; --mx-flex-gap: var(--cpd-space-4x); --mx-flex-wrap: nowrap;"
        >
          <svg
            fill="currentColor"
            height="32px"
            viewBox="0 0 24 24"
            width="32px"
            xmlns="http://www.w3.org/2000/svg"
          >
            <path
              d="M6 22q-.824 0-1.412-.587A1.93 1.93 0 0 1 4 20V4q0-.824.588-1.412A1.93 1.93 0 0 1 6 2h7.175a1.98 1.98 0 0 1 1.4.575l4.85 4.85q.275.275.425.638.15.361.15.762V20q0 .824-.587 1.413A1.93 1.93 0 0 1 18 22zm7-14V4H6v16h12V9h-4a.97.97 0 0 1-.713-.287A.97.97 0 0 1 13 8"
            />
          </svg>
          <p
            class="_typography_6v6n8_153 _font-body-lg-semibold_6v6n8_74"
          >
            No files visible in this room
          </p>
          <p
            class="_typography_6v6n8_153 _font-body-md-regular_6v6n8_50"
          >
            Attach files from chat or just drag and drop them anywhere in a room.
          </p>
        </div>
      </div>
    </div>
  </div>
</DocumentFragment>
`;