fundamental-react/src/ActionBar/__snapshots__/ActionBar.test.js.snap at 28a61a46d95090044b2de05605eff2572a59e7ec · SAP/fundamental-react · 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
130
131
132
133
134
135
136
137
138
139
140
141
142
143
144
145
146
147
148
149
150
151
152
153
154
155
156
157
// Jest Snapshot v1, https://goo.gl/fbAQLP

exports[`<ActionBar /> create basic Action Bar 1`] = `
<div
  className="fd-action-bar blue"
>
  <div
    className="fd-action-bar__back blue"
  >
    <button
      className="fd-button--light fd-button--compact sap-icon--nav-back"
    />
  </div>
  <div
    className="fd-action-bar__header blue"
  >
    <h3
      className="fd-action-bar__title"
    >
      Page Title
    </h3>
    <p
      className="fd-action-bar__description"
    >
      Action Bar Description
    </p>
  </div>
  <div
    className="fd-action-bar__actions blue"
  >
    <button>
      Button
    </button>
  </div>
</div>
`;

exports[`<ActionBar /> create basic Action Bar 2`] = `
<div
  className="fd-action-bar"
>
  <div
    className="fd-action-bar__back blue"
  >
    <button
      className="fd-button--light fd-button--compact sap-icon--nav-back"
    />
  </div>
  <div
    className="fd-action-bar__header blue"
  >
    <h3
      className="fd-action-bar__title"
    >
      Page Title
    </h3>
    <p
      className="fd-action-bar__description"
    >
      Action Bar Description
    </p>
  </div>
  <div
    className="fd-action-bar__actions blue"
  >
    <button>
      Button
    </button>
  </div>
</div>
`;

exports[`<ActionBar /> create basic mobile Action Bar 1`] = `
<div
  style={
    Object {
      "width": "319px",
    }
  }
>
  <div
    className="fd-action-bar blue"
  >
    <div
      className="fd-action-bar__back"
    >
      <button
        className="fd-button--light fd-button--compact sap-icon--nav-back"
      />
    </div>
    <div
      className="fd-action-bar__header"
    >
      <h3
        className="fd-action-bar__title"
      >
        Page Title
      </h3>
      <p
        className="fd-action-bar__description"
      >
        Action Bar Description
      </p>
    </div>
    <div
      className="fd-action-bar__actions"
    >
      <button>
        Button
      </button>
    </div>
  </div>
</div>
`;

exports[`<ActionBar /> create basic mobile Action Bar 2`] = `
<div
  style={
    Object {
      "width": "500px",
    }
  }
>
  <div
    className="fd-action-bar"
  >
    <div
      className="fd-action-bar__back"
    >
      <button
        className="fd-button--light fd-button--compact sap-icon--nav-back"
      />
    </div>
    <div
      className="fd-action-bar__header"
    >
      <h3
        className="fd-action-bar__title"
      >
        Page Title
      </h3>
      <p
        className="fd-action-bar__description"
      >
        Action Bar Description
      </p>
    </div>
    <div
      className="fd-action-bar__actions"
    >
      <button>
        Button
      </button>
    </div>
  </div>
</div>
`;