nhsuk-react-components/stories/Components/__snapshots__/Textarea.stories.tsx.snap at 81be7554ed266ba49590b708c90f6fed74f88dfd · NHSDigital/nhsuk-react-components · 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
// Jest Snapshot v1, https://goo.gl/fbAQLP

exports[`Components/Textarea Standard smoke-test 1`] = `
<div class="nhsuk-form-group">
  <label class="nhsuk-label"
         id="more-detail--label"
         for="more-detail"
  >
    Can you provide more detail?
  </label>
  <div class="nhsuk-hint"
       id="more-detail--hint"
  >
    Don't include personal or financial information, eg your National Insurance number or credit card details.
  </div>
  <textarea class="nhsuk-textarea"
            aria-describedby="more-detail--hint"
            aria-labelledby="more-detail--label"
            name="more-detail"
            id="more-detail"
            rows="5"
  >
  </textarea>
</div>
`;

exports[`Components/Textarea TextareaWithAutoCompleteAttribute smoke-test 1`] = `
<div class="nhsuk-form-group">
  <label class="nhsuk-label"
         id="textarea-with-autocomplete-attribute--label"
         for="textarea-with-autocomplete-attribute"
  >
    Full address
  </label>
  <div class="nhsuk-hint"
       id="textarea-with-autocomplete-attribute--hint"
  >
    Don't include personal or financial information, eg your National Insurance number or credit card details.
  </div>
  <textarea class="nhsuk-textarea"
            aria-describedby="textarea-with-autocomplete-attribute--hint"
            aria-labelledby="textarea-with-autocomplete-attribute--label"
            name="more-detail"
            id="textarea-with-autocomplete-attribute"
            rows="5"
            autocomplete="street-address"
  >
  </textarea>
</div>
`;

exports[`Components/Textarea TextareaWithErrorBoolean smoke-test 1`] = `
<div class="nhsuk-form-group nhsuk-form-group--error">
  <label class="nhsuk-label"
         id="no-ni-reason--label"
         for="no-ni-reason"
  >
    Why can't you provide a National Insurance number?
  </label>
  <textarea class="nhsuk-textarea nhsuk-textarea--error"
            aria-labelledby="no-ni-reason--label"
            name="no-ni-reason"
            id="no-ni-reason"
            rows="5"
  >
  </textarea>
</div>
<button class="nhsuk-button"
        aria-disabled="false"
        type="submit"
>
  Toggle Error
</button>
`;

exports[`Components/Textarea TextareaWithErrorString smoke-test 1`] = `
<div class="nhsuk-form-group nhsuk-form-group--error">
  <label class="nhsuk-label"
         id="no-ni-reason--label"
         for="no-ni-reason"
  >
    Why can't you provide a National Insurance number?
  </label>
  <span class="nhsuk-error-message"
        id="no-ni-reason--error-message"
        role="alert"
  >
    <span class="nhsuk-u-visually-hidden">
      Error:
    </span>
    You must provide an explanation
  </span>
  <textarea class="nhsuk-textarea nhsuk-textarea--error"
            aria-labelledby="no-ni-reason--label"
            name="no-ni-reason"
            id="no-ni-reason"
            rows="5"
  >
  </textarea>
</div>
<div class="nhsuk-form-group">
  <label class="nhsuk-label"
         id="no-ni-reason-input--label"
         for="no-ni-reason-input"
  >
    Use this input to change the error message
  </label>
  <input class="nhsuk-input"
         aria-labelledby="no-ni-reason-input--label"
         name="no-ni-reason-input"
         id="no-ni-reason-input"
         type="text"
         value="You must provide an explanation"
  >
</div>
`;