integration_openproject/tests/jest/components/admin/__snapshots__/TextInput.spec.js.snap at 2635080721ed4cf6471745f42199af8ca3067014 · nextcloud/integration_openproject · 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[`TextInput.vue is required prop should add asterik to the label text 1`] = `
<div class="text-input-label">
  some label *
</div>
`;

exports[`TextInput.vue is required prop should not add asterik to the label text 1`] = `
<div class="text-input-label">
  some label
</div>
`;

exports[`TextInput.vue messages should not show error message details if not error message is provided 1`] = `
<div class="text-input" id="unique-id">
  <div class="text-input-label">
    some label
  </div>
  <div class="text-input-input-wrapper"><input type="text" placeholder="" class="">
    <!---->
  </div>
  <!---->
</div>
`;

exports[`TextInput.vue messages should show error message details if both error message and details are provided 1`] = `
<div class="text-input" id="unique-id">
  <div class="text-input-label">
    some label
  </div>
  <div class="text-input-input-wrapper"><input type="text" placeholder="" class="text-input-error">
    <!---->
  </div>
  <div>
    <div>
      <div class="text-input-error-message">some error message</div>
      <div class="v-popover">
        <div class="trigger" style="display: inline-block;"><a href="#" class="link">Details</a></div>
      </div>
    </div>
  </div>
</div>
`;

exports[`TextInput.vue messages should show error message if both error message and hint text are provided 1`] = `
<div class="text-input" id="unique-id">
  <div class="text-input-label">
    some label
  </div>
  <div class="text-input-input-wrapper"><input type="text" placeholder="" class="text-input-error">
    <!---->
  </div>
  <div>
    <div>
      <div class="text-input-error-message">some error message</div>
      <!---->
    </div>
  </div>
</div>
`;

exports[`TextInput.vue messages should show error message if provided 1`] = `
<div class="text-input" id="unique-id">
  <div class="text-input-label">
    some label
  </div>
  <div class="text-input-input-wrapper"><input type="text" placeholder="" class="text-input-error">
    <!---->
  </div>
  <div>
    <div>
      <div class="text-input-error-message">some error message</div>
      <!---->
    </div>
  </div>
</div>
`;

exports[`TextInput.vue messages should show hint text if provided 1`] = `
<div class="text-input" id="unique-id">
  <div class="text-input-label">
    some label
  </div>
  <div class="text-input-input-wrapper"><input type="text" placeholder="" class="">
    <!---->
  </div>
  <div>
    <div class="text-input-hint">some hint message</div>
  </div>
</div>
`;

exports[`TextInput.vue readonly prop should set the input to readonly 1`] = `
<div class="text-input" id="unique-id">
  <div class="text-input-label">
    some label
  </div>
  <div class="text-input-input-wrapper"><input type="text" readonly="readonly" placeholder="" class="text-input-readonly">
    <!---->
  </div>
  <!---->
</div>
`;

exports[`TextInput.vue with copy button prop should render copy button if set 1`] = `
<div class="text-input" id="unique-id">
  <div class="text-input-label">
    some label
  </div>
  <div class="text-input-input-wrapper"><input type="text" placeholder="" class=""> <button data-v-a8d79470="" type="button" disabled="disabled" title="Copy value" class="button-vue text-input-copy-value button-vue--icon-and-text button-vue--vue-secondary"><span data-v-a8d79470="" class="button-vue__wrapper"><span data-v-a8d79470="" class="button-vue__icon"><span aria-hidden="true" aria-label="" role="img" class="material-design-icon clippy-icon" data-v-a8d79470=""><svg fill="currentColor" width="16" height="16" enable-background="new 0 0 16 16" version="1.1" viewBox="0 0 16 16" xml:space="preserve" xmlns="http://www.w3.org/2000/svg"><path d="m13 15h-11l0.0005-10h11v3.0002l1-0.0004 0.0005-5.0001c0.000058-0.5834-0.4165-1.0002-1.0005-1.0001l-3.467 0.0005c0.0008-1.183-0.9492-2.0001-2.1325-2.0001s-2.1333 0.8171-2.1333 2.0004h-3.2c-0.5834 0-1.0662 0.4166-1.0662 0.9999l-0.0005 12c-0.0000243 0.584 0.4833 1 1.0667 1l10.933-0.0005c0.584-0.001 1-0.416 1-1v-3h-1zm-8.8005-12h1.0672c0.5833 0 1.0666-0.4162 1.0666-0.9996 0-0.5833 0.4834-0.9337 1.0667-0.9337s1.0667 0.3504 1.0667 0.9337c0 0.5834 0.5333 0.9996 1.0666 0.9996h1.2667c0.517 0 1.2 0.4166 1.2 1h-9c-0.0004-0.65 0.5988-1 1.1988-1zm-1.1995 8h2v-1h-2zm7.9998-2v-2l-4 3 3.9998 3v-2l5.0002-0.00005v-2l-4.9998-0.00005zm-8 4h4v-1h-4zm6-7h-6v1h6zm-3 2h-3v1h3z"></path></svg></span></span> <span data-v-a8d79470="" class="button-vue__text">
			Copy value
		</span></span></button></div>
  <!---->
</div>
`;