@docsearch/react 3.0.0 → 3.1.0

This diff represents the content of publicly available package versions that have been released to one of the supported registries. The information contained in this diff is provided for informational purposes only and reflects changes between package versions as they appear in their respective public registries.
@@ -1,4 +1,3 @@
1
- /// <reference types="react" />
2
1
  declare type AlgoliaLogoTranslations = Partial<{
3
2
  searchByText: string;
4
3
  }>;
@@ -44,9 +44,9 @@ export var DocSearchButton = React.forwardRef(function (_ref, ref) {
44
44
  className: "DocSearch-Button-Placeholder"
45
45
  }, buttonText)), /*#__PURE__*/React.createElement("span", {
46
46
  className: "DocSearch-Button-Keys"
47
- }, key !== null && /*#__PURE__*/React.createElement(React.Fragment, null, /*#__PURE__*/React.createElement("span", {
47
+ }, key !== null && /*#__PURE__*/React.createElement(React.Fragment, null, /*#__PURE__*/React.createElement("kbd", {
48
48
  className: "DocSearch-Button-Key"
49
- }, key === ACTION_KEY_DEFAULT ? /*#__PURE__*/React.createElement(ControlKeyIcon, null) : key), /*#__PURE__*/React.createElement("span", {
49
+ }, key === ACTION_KEY_DEFAULT ? /*#__PURE__*/React.createElement(ControlKeyIcon, null) : key), /*#__PURE__*/React.createElement("kbd", {
50
50
  className: "DocSearch-Button-Key"
51
51
  }, "K"))));
52
52
  });
@@ -1,4 +1,3 @@
1
- /// <reference types="react" />
2
1
  import type { DocSearchProps } from './DocSearch';
3
2
  import type { FooterTranslations } from './Footer';
4
3
  import type { ScreenStateTranslations } from './ScreenState';
@@ -1,4 +1,3 @@
1
- /// <reference types="react" />
2
1
  export declare type ErrorScreenTranslations = Partial<{
3
2
  titleText: string;
4
3
  helpText: string;
@@ -1,4 +1,3 @@
1
- /// <reference types="react" />
2
1
  export declare type FooterTranslations = Partial<{
3
2
  selectText: string;
4
3
  selectKeyAriaLabel: string;
@@ -43,7 +43,7 @@ export function Footer(_ref) {
43
43
  }
44
44
  })), /*#__PURE__*/React.createElement("ul", {
45
45
  className: "DocSearch-Commands"
46
- }, /*#__PURE__*/React.createElement("li", null, /*#__PURE__*/React.createElement("span", {
46
+ }, /*#__PURE__*/React.createElement("li", null, /*#__PURE__*/React.createElement("kbd", {
47
47
  className: "DocSearch-Commands-Key"
48
48
  }, /*#__PURE__*/React.createElement(CommandIcon, {
49
49
  ariaLabel: selectKeyAriaLabel
@@ -51,13 +51,13 @@ export function Footer(_ref) {
51
51
  d: "M12 3.53088v3c0 1-1 2-2 2H4M7 11.53088l-3-3 3-3"
52
52
  }))), /*#__PURE__*/React.createElement("span", {
53
53
  className: "DocSearch-Label"
54
- }, selectText)), /*#__PURE__*/React.createElement("li", null, /*#__PURE__*/React.createElement("span", {
54
+ }, selectText)), /*#__PURE__*/React.createElement("li", null, /*#__PURE__*/React.createElement("kbd", {
55
55
  className: "DocSearch-Commands-Key"
56
56
  }, /*#__PURE__*/React.createElement(CommandIcon, {
57
57
  ariaLabel: navigateDownKeyAriaLabel
58
58
  }, /*#__PURE__*/React.createElement("path", {
59
59
  d: "M7.5 3.5v8M10.5 8.5l-3 3-3-3"
60
- }))), /*#__PURE__*/React.createElement("span", {
60
+ }))), /*#__PURE__*/React.createElement("kbd", {
61
61
  className: "DocSearch-Commands-Key"
62
62
  }, /*#__PURE__*/React.createElement(CommandIcon, {
63
63
  ariaLabel: navigateUpKeyAriaLabel
@@ -65,7 +65,7 @@ export function Footer(_ref) {
65
65
  d: "M7.5 11.5v-8M10.5 6.5l-3-3-3 3"
66
66
  }))), /*#__PURE__*/React.createElement("span", {
67
67
  className: "DocSearch-Label"
68
- }, navigateText)), /*#__PURE__*/React.createElement("li", null, /*#__PURE__*/React.createElement("span", {
68
+ }, navigateText)), /*#__PURE__*/React.createElement("li", null, /*#__PURE__*/React.createElement("kbd", {
69
69
  className: "DocSearch-Commands-Key"
70
70
  }, /*#__PURE__*/React.createElement(CommandIcon, {
71
71
  ariaLabel: closeKeyAriaLabel
@@ -1,4 +1,3 @@
1
- /// <reference types="react" />
2
1
  import type { ScreenStateProps } from './ScreenState';
3
2
  import type { InternalDocSearchHit } from './types';
4
3
  export declare type NoResultsScreenTranslations = Partial<{
@@ -1,4 +1,3 @@
1
- /// <reference types="react" />
2
1
  import type { ScreenStateProps } from './ScreenState';
3
2
  import type { InternalDocSearchHit } from './types';
4
3
  declare type ResultsScreenProps = Omit<ScreenStateProps<InternalDocSearchHit>, 'translations'>;
@@ -1,4 +1,3 @@
1
- /// <reference types="react" />
2
1
  import type { ScreenStateProps } from './ScreenState';
3
2
  import type { InternalDocSearchHit } from './types';
4
3
  export declare type StartScreenTranslations = Partial<{
@@ -10,7 +10,7 @@ function _asyncToGenerator(fn) { return function () { var self = this, args = ar
10
10
 
11
11
  function _extends() { _extends = Object.assign || function (target) { for (var i = 1; i < arguments.length; i++) { var source = arguments[i]; for (var key in source) { if (Object.prototype.hasOwnProperty.call(source, key)) { target[key] = source[key]; } } } return target; }; return _extends.apply(this, arguments); }
12
12
 
13
- import { render, fireEvent, waitFor, screen, act } from '@testing-library/react';
13
+ import { render, act, fireEvent, screen } from '@testing-library/react';
14
14
  import React from 'react';
15
15
  import '@testing-library/jest-dom';
16
16
  import { DocSearch as DocSearchComponent } from '../DocSearch';
@@ -43,12 +43,19 @@ function noResultSearch(_queries, _requestOptions) {
43
43
  }
44
44
 
45
45
  describe('api', function () {
46
+ var container;
47
+ var docSearchSelector = '.DocSearch';
46
48
  beforeEach(function () {
47
- document.body.innerHTML = '';
49
+ container = document.createElement('div');
50
+ document.body.appendChild(container);
51
+ });
52
+ afterEach(function () {
53
+ document.body.removeChild(container);
54
+ container = null;
48
55
  });
49
56
  it('renders with minimal parameters', function () {
50
57
  render( /*#__PURE__*/React.createElement(DocSearch, null));
51
- expect(document.querySelector('.DocSearch')).toBeInTheDocument();
58
+ expect(document.querySelector(docSearchSelector)).toBeInTheDocument();
52
59
  });
53
60
  describe('translations', function () {
54
61
  it('overrides the default DocSearchButton text', function () {
@@ -60,13 +67,14 @@ describe('api', function () {
60
67
  }
61
68
  }
62
69
  }));
70
+ expect(document.querySelector(docSearchSelector)).toBeInTheDocument();
63
71
  expect(document.querySelector('.DocSearch-Button-Placeholder').innerHTML).toBe('Recherche');
64
72
  expect(document.querySelector('.DocSearch-Button').getAttribute('aria-label')).toBe('Recherche');
65
73
  });
66
- it('overrides the default DocSearchModal startScreen text', /*#__PURE__*/_asyncToGenerator( /*#__PURE__*/regeneratorRuntime.mark(function _callee() {
67
- return regeneratorRuntime.wrap(function _callee$(_context) {
74
+ it('overrides the default DocSearchModal startScreen text', /*#__PURE__*/_asyncToGenerator( /*#__PURE__*/regeneratorRuntime.mark(function _callee2() {
75
+ return regeneratorRuntime.wrap(function _callee2$(_context2) {
68
76
  while (1) {
69
- switch (_context.prev = _context.next) {
77
+ switch (_context2.prev = _context2.next) {
70
78
  case 0:
71
79
  render( /*#__PURE__*/React.createElement(DocSearch, {
72
80
  translations: {
@@ -77,25 +85,45 @@ describe('api', function () {
77
85
  }
78
86
  }
79
87
  }));
80
- _context.next = 3;
81
- return waitFor(function () {
82
- fireEvent.click(document.querySelector('.DocSearch-Button'));
83
- });
88
+ expect(document.querySelector(docSearchSelector)).toBeInTheDocument();
89
+ _context2.next = 4;
90
+ return act( /*#__PURE__*/_asyncToGenerator( /*#__PURE__*/regeneratorRuntime.mark(function _callee() {
91
+ return regeneratorRuntime.wrap(function _callee$(_context) {
92
+ while (1) {
93
+ switch (_context.prev = _context.next) {
94
+ case 0:
95
+ _context.t0 = fireEvent;
96
+ _context.next = 3;
97
+ return screen.findByText('Search');
84
98
 
85
- case 3:
86
- expect(screen.getByText('Pas de recherche récentes')).toBeInTheDocument();
99
+ case 3:
100
+ _context.t1 = _context.sent;
101
+
102
+ _context.t0.click.call(_context.t0, _context.t1);
103
+
104
+ case 5:
105
+ case "end":
106
+ return _context.stop();
107
+ }
108
+ }
109
+ }, _callee);
110
+ })));
87
111
 
88
112
  case 4:
113
+ expect(document.querySelector('.DocSearch-Modal')).toBeInTheDocument();
114
+ expect(screen.getByText('Pas de recherche récentes')).toBeInTheDocument();
115
+
116
+ case 6:
89
117
  case "end":
90
- return _context.stop();
118
+ return _context2.stop();
91
119
  }
92
120
  }
93
- }, _callee);
121
+ }, _callee2);
94
122
  })));
95
- it('overrides the default DocSearchModal noResultsScreen text', /*#__PURE__*/_asyncToGenerator( /*#__PURE__*/regeneratorRuntime.mark(function _callee3() {
96
- return regeneratorRuntime.wrap(function _callee3$(_context3) {
123
+ it('overrides the default DocSearchModal noResultsScreen text', /*#__PURE__*/_asyncToGenerator( /*#__PURE__*/regeneratorRuntime.mark(function _callee5() {
124
+ return regeneratorRuntime.wrap(function _callee5$(_context5) {
97
125
  while (1) {
98
- switch (_context3.prev = _context3.next) {
126
+ switch (_context5.prev = _context5.next) {
99
127
  case 0:
100
128
  render( /*#__PURE__*/React.createElement(DocSearch, {
101
129
  transformSearchClient: function transformSearchClient(searchClient) {
@@ -116,50 +144,77 @@ describe('api', function () {
116
144
  return 'algolia.com';
117
145
  }
118
146
  }));
119
- _context3.next = 3;
120
- return act( /*#__PURE__*/_asyncToGenerator( /*#__PURE__*/regeneratorRuntime.mark(function _callee2() {
121
- return regeneratorRuntime.wrap(function _callee2$(_context2) {
147
+ expect(document.querySelector(docSearchSelector)).toBeInTheDocument();
148
+ _context5.next = 4;
149
+ return act( /*#__PURE__*/_asyncToGenerator( /*#__PURE__*/regeneratorRuntime.mark(function _callee3() {
150
+ return regeneratorRuntime.wrap(function _callee3$(_context3) {
122
151
  while (1) {
123
- switch (_context2.prev = _context2.next) {
152
+ switch (_context3.prev = _context3.next) {
124
153
  case 0:
125
- _context2.next = 2;
126
- return waitFor(function () {
127
- fireEvent.click(document.querySelector('.DocSearch-Button'));
128
- });
154
+ _context3.t0 = fireEvent;
155
+ _context3.next = 3;
156
+ return screen.findByText('Search');
129
157
 
130
- case 2:
131
- fireEvent.input(document.querySelector('.DocSearch-Input'), {
158
+ case 3:
159
+ _context3.t1 = _context3.sent;
160
+
161
+ _context3.t0.click.call(_context3.t0, _context3.t1);
162
+
163
+ case 5:
164
+ case "end":
165
+ return _context3.stop();
166
+ }
167
+ }
168
+ }, _callee3);
169
+ })));
170
+
171
+ case 4:
172
+ _context5.next = 6;
173
+ return act( /*#__PURE__*/_asyncToGenerator( /*#__PURE__*/regeneratorRuntime.mark(function _callee4() {
174
+ return regeneratorRuntime.wrap(function _callee4$(_context4) {
175
+ while (1) {
176
+ switch (_context4.prev = _context4.next) {
177
+ case 0:
178
+ _context4.t0 = fireEvent;
179
+ _context4.next = 3;
180
+ return screen.findByPlaceholderText('Search docs');
181
+
182
+ case 3:
183
+ _context4.t1 = _context4.sent;
184
+ _context4.t2 = {
132
185
  target: {
133
186
  value: 'q'
134
187
  }
135
- });
188
+ };
136
189
 
137
- case 3:
190
+ _context4.t0.input.call(_context4.t0, _context4.t1, _context4.t2);
191
+
192
+ case 6:
138
193
  case "end":
139
- return _context2.stop();
194
+ return _context4.stop();
140
195
  }
141
196
  }
142
- }, _callee2);
197
+ }, _callee4);
143
198
  })));
144
199
 
145
- case 3:
200
+ case 6:
146
201
  expect(screen.getByText(/Pas de résultats pour/)).toBeInTheDocument();
147
202
  expect(screen.getByText(/Ouvrez une issue sur docsearch-configs/)).toBeInTheDocument();
148
203
  expect(screen.getByRole('link', {
149
204
  name: 'Lien du repo'
150
205
  })).toBeInTheDocument();
151
206
 
152
- case 6:
207
+ case 9:
153
208
  case "end":
154
- return _context3.stop();
209
+ return _context5.stop();
155
210
  }
156
211
  }
157
- }, _callee3);
212
+ }, _callee5);
158
213
  })));
159
- it('overrides the default DocSearchModal searchbox text', /*#__PURE__*/_asyncToGenerator( /*#__PURE__*/regeneratorRuntime.mark(function _callee4() {
160
- return regeneratorRuntime.wrap(function _callee4$(_context4) {
214
+ it('overrides the default DocSearchModal searchbox text', /*#__PURE__*/_asyncToGenerator( /*#__PURE__*/regeneratorRuntime.mark(function _callee7() {
215
+ return regeneratorRuntime.wrap(function _callee7$(_context7) {
161
216
  while (1) {
162
- switch (_context4.prev = _context4.next) {
217
+ switch (_context7.prev = _context7.next) {
163
218
  case 0:
164
219
  render( /*#__PURE__*/React.createElement(DocSearch, {
165
220
  translations: {
@@ -173,28 +228,47 @@ describe('api', function () {
173
228
  }
174
229
  }
175
230
  }));
176
- _context4.next = 3;
177
- return waitFor(function () {
178
- fireEvent.click(document.querySelector('.DocSearch-Button'));
179
- });
231
+ expect(document.querySelector(docSearchSelector)).toBeInTheDocument();
232
+ _context7.next = 4;
233
+ return act( /*#__PURE__*/_asyncToGenerator( /*#__PURE__*/regeneratorRuntime.mark(function _callee6() {
234
+ return regeneratorRuntime.wrap(function _callee6$(_context6) {
235
+ while (1) {
236
+ switch (_context6.prev = _context6.next) {
237
+ case 0:
238
+ _context6.t0 = fireEvent;
239
+ _context6.next = 3;
240
+ return screen.findByText('Search');
180
241
 
181
- case 3:
242
+ case 3:
243
+ _context6.t1 = _context6.sent;
244
+
245
+ _context6.t0.click.call(_context6.t0, _context6.t1);
246
+
247
+ case 5:
248
+ case "end":
249
+ return _context6.stop();
250
+ }
251
+ }
252
+ }, _callee6);
253
+ })));
254
+
255
+ case 4:
182
256
  expect(document.querySelector('.DocSearch-Cancel').innerHTML).toBe('Annuler');
183
257
  expect(document.querySelector('.DocSearch-Cancel').getAttribute('aria-label')).toBe('Annuler');
184
258
  expect(document.querySelector('.DocSearch-Reset').getAttribute('title')).toBe('Effacer');
185
259
  expect(document.querySelector('.DocSearch-Reset').getAttribute('aria-label')).toBe('Effacer');
186
260
 
187
- case 7:
261
+ case 8:
188
262
  case "end":
189
- return _context4.stop();
263
+ return _context7.stop();
190
264
  }
191
265
  }
192
- }, _callee4);
266
+ }, _callee7);
193
267
  })));
194
- it('overrides the default DocSearchModal footer text', /*#__PURE__*/_asyncToGenerator( /*#__PURE__*/regeneratorRuntime.mark(function _callee5() {
195
- return regeneratorRuntime.wrap(function _callee5$(_context5) {
268
+ it('overrides the default DocSearchModal footer text', /*#__PURE__*/_asyncToGenerator( /*#__PURE__*/regeneratorRuntime.mark(function _callee9() {
269
+ return regeneratorRuntime.wrap(function _callee9$(_context9) {
196
270
  while (1) {
197
- switch (_context5.prev = _context5.next) {
271
+ switch (_context9.prev = _context9.next) {
198
272
  case 0:
199
273
  render( /*#__PURE__*/React.createElement(DocSearch, {
200
274
  translations: {
@@ -212,12 +286,31 @@ describe('api', function () {
212
286
  }
213
287
  }
214
288
  }));
215
- _context5.next = 3;
216
- return waitFor(function () {
217
- fireEvent.click(document.querySelector('.DocSearch-Button'));
218
- });
289
+ expect(document.querySelector(docSearchSelector)).toBeInTheDocument();
290
+ _context9.next = 4;
291
+ return act( /*#__PURE__*/_asyncToGenerator( /*#__PURE__*/regeneratorRuntime.mark(function _callee8() {
292
+ return regeneratorRuntime.wrap(function _callee8$(_context8) {
293
+ while (1) {
294
+ switch (_context8.prev = _context8.next) {
295
+ case 0:
296
+ _context8.t0 = fireEvent;
297
+ _context8.next = 3;
298
+ return screen.findByText('Search');
219
299
 
220
- case 3:
300
+ case 3:
301
+ _context8.t1 = _context8.sent;
302
+
303
+ _context8.t0.click.call(_context8.t0, _context8.t1);
304
+
305
+ case 5:
306
+ case "end":
307
+ return _context8.stop();
308
+ }
309
+ }
310
+ }, _callee8);
311
+ })));
312
+
313
+ case 4:
221
314
  expect(screen.getByText('Recherche par')).toBeInTheDocument();
222
315
  expect(screen.getByText('Pour fermer')).toBeInTheDocument();
223
316
  expect(screen.getByText('Pour naviguer')).toBeInTheDocument();
@@ -227,19 +320,19 @@ describe('api', function () {
227
320
  expect(document.querySelector('.DocSearch-Commands-Key > svg[aria-label="Flèche le bas"]')).toBeInTheDocument();
228
321
  expect(document.querySelector('.DocSearch-Commands-Key > svg[aria-label="Touche d\'entrée"]')).toBeInTheDocument();
229
322
 
230
- case 11:
323
+ case 12:
231
324
  case "end":
232
- return _context5.stop();
325
+ return _context9.stop();
233
326
  }
234
327
  }
235
- }, _callee5);
328
+ }, _callee9);
236
329
  })));
237
330
  });
238
331
  describe('getMissingResultsUrl', function () {
239
- it('does not render the link to the repository by default', /*#__PURE__*/_asyncToGenerator( /*#__PURE__*/regeneratorRuntime.mark(function _callee7() {
240
- return regeneratorRuntime.wrap(function _callee7$(_context7) {
332
+ it('does not render the link to the repository by default', /*#__PURE__*/_asyncToGenerator( /*#__PURE__*/regeneratorRuntime.mark(function _callee12() {
333
+ return regeneratorRuntime.wrap(function _callee12$(_context12) {
241
334
  while (1) {
242
- switch (_context7.prev = _context7.next) {
335
+ switch (_context12.prev = _context12.next) {
243
336
  case 0:
244
337
  render( /*#__PURE__*/React.createElement(DocSearch, {
245
338
  transformSearchClient: function transformSearchClient(searchClient) {
@@ -248,48 +341,75 @@ describe('api', function () {
248
341
  });
249
342
  }
250
343
  }));
251
- _context7.next = 3;
252
- return act( /*#__PURE__*/_asyncToGenerator( /*#__PURE__*/regeneratorRuntime.mark(function _callee6() {
253
- return regeneratorRuntime.wrap(function _callee6$(_context6) {
344
+ expect(document.querySelector(docSearchSelector)).toBeInTheDocument();
345
+ _context12.next = 4;
346
+ return act( /*#__PURE__*/_asyncToGenerator( /*#__PURE__*/regeneratorRuntime.mark(function _callee10() {
347
+ return regeneratorRuntime.wrap(function _callee10$(_context10) {
254
348
  while (1) {
255
- switch (_context6.prev = _context6.next) {
349
+ switch (_context10.prev = _context10.next) {
256
350
  case 0:
257
- _context6.next = 2;
258
- return waitFor(function () {
259
- fireEvent.click(document.querySelector('.DocSearch-Button'));
260
- });
351
+ _context10.t0 = fireEvent;
352
+ _context10.next = 3;
353
+ return screen.findByText('Search');
354
+
355
+ case 3:
356
+ _context10.t1 = _context10.sent;
261
357
 
262
- case 2:
263
- fireEvent.input(document.querySelector('.DocSearch-Input'), {
358
+ _context10.t0.click.call(_context10.t0, _context10.t1);
359
+
360
+ case 5:
361
+ case "end":
362
+ return _context10.stop();
363
+ }
364
+ }
365
+ }, _callee10);
366
+ })));
367
+
368
+ case 4:
369
+ _context12.next = 6;
370
+ return act( /*#__PURE__*/_asyncToGenerator( /*#__PURE__*/regeneratorRuntime.mark(function _callee11() {
371
+ return regeneratorRuntime.wrap(function _callee11$(_context11) {
372
+ while (1) {
373
+ switch (_context11.prev = _context11.next) {
374
+ case 0:
375
+ _context11.t0 = fireEvent;
376
+ _context11.next = 3;
377
+ return screen.findByPlaceholderText('Search docs');
378
+
379
+ case 3:
380
+ _context11.t1 = _context11.sent;
381
+ _context11.t2 = {
264
382
  target: {
265
383
  value: 'q'
266
384
  }
267
- });
385
+ };
268
386
 
269
- case 3:
387
+ _context11.t0.input.call(_context11.t0, _context11.t1, _context11.t2);
388
+
389
+ case 6:
270
390
  case "end":
271
- return _context6.stop();
391
+ return _context11.stop();
272
392
  }
273
393
  }
274
- }, _callee6);
394
+ }, _callee11);
275
395
  })));
276
396
 
277
- case 3:
397
+ case 6:
278
398
  expect(screen.getByText(/No results for/)).toBeInTheDocument();
279
399
  expect(document.querySelector('.DocSearch-Help a')).not.toBeInTheDocument();
280
400
 
281
- case 5:
401
+ case 8:
282
402
  case "end":
283
- return _context7.stop();
403
+ return _context12.stop();
284
404
  }
285
405
  }
286
- }, _callee7);
406
+ }, _callee12);
287
407
  })));
288
- it('render the link to the repository', /*#__PURE__*/_asyncToGenerator( /*#__PURE__*/regeneratorRuntime.mark(function _callee9() {
408
+ it('render the link to the repository', /*#__PURE__*/_asyncToGenerator( /*#__PURE__*/regeneratorRuntime.mark(function _callee15() {
289
409
  var link;
290
- return regeneratorRuntime.wrap(function _callee9$(_context9) {
410
+ return regeneratorRuntime.wrap(function _callee15$(_context15) {
291
411
  while (1) {
292
- switch (_context9.prev = _context9.next) {
412
+ switch (_context15.prev = _context15.next) {
293
413
  case 0:
294
414
  render( /*#__PURE__*/React.createElement(DocSearch, {
295
415
  transformSearchClient: function transformSearchClient(searchClient) {
@@ -297,49 +417,75 @@ describe('api', function () {
297
417
  search: noResultSearch
298
418
  });
299
419
  },
300
- getMissingResultsUrl: function getMissingResultsUrl(_ref9) {
301
- var query = _ref9.query;
420
+ getMissingResultsUrl: function getMissingResultsUrl(_ref14) {
421
+ var query = _ref14.query;
302
422
  return "https://github.com/algolia/docsearch/issues/new?title=".concat(query);
303
423
  }
304
424
  }));
305
- _context9.next = 3;
306
- return act( /*#__PURE__*/_asyncToGenerator( /*#__PURE__*/regeneratorRuntime.mark(function _callee8() {
307
- return regeneratorRuntime.wrap(function _callee8$(_context8) {
425
+ _context15.next = 3;
426
+ return act( /*#__PURE__*/_asyncToGenerator( /*#__PURE__*/regeneratorRuntime.mark(function _callee13() {
427
+ return regeneratorRuntime.wrap(function _callee13$(_context13) {
308
428
  while (1) {
309
- switch (_context8.prev = _context8.next) {
429
+ switch (_context13.prev = _context13.next) {
430
+ case 0:
431
+ _context13.t0 = fireEvent;
432
+ _context13.next = 3;
433
+ return screen.findByText('Search');
434
+
435
+ case 3:
436
+ _context13.t1 = _context13.sent;
437
+
438
+ _context13.t0.click.call(_context13.t0, _context13.t1);
439
+
440
+ case 5:
441
+ case "end":
442
+ return _context13.stop();
443
+ }
444
+ }
445
+ }, _callee13);
446
+ })));
447
+
448
+ case 3:
449
+ _context15.next = 5;
450
+ return act( /*#__PURE__*/_asyncToGenerator( /*#__PURE__*/regeneratorRuntime.mark(function _callee14() {
451
+ return regeneratorRuntime.wrap(function _callee14$(_context14) {
452
+ while (1) {
453
+ switch (_context14.prev = _context14.next) {
310
454
  case 0:
311
- _context8.next = 2;
312
- return waitFor(function () {
313
- fireEvent.click(document.querySelector('.DocSearch-Button'));
314
- });
455
+ _context14.t0 = fireEvent;
456
+ _context14.next = 3;
457
+ return screen.findByPlaceholderText('Search docs');
315
458
 
316
- case 2:
317
- fireEvent.input(document.querySelector('.DocSearch-Input'), {
459
+ case 3:
460
+ _context14.t1 = _context14.sent;
461
+ _context14.t2 = {
318
462
  target: {
319
463
  value: 'q'
320
464
  }
321
- });
465
+ };
322
466
 
323
- case 3:
467
+ _context14.t0.input.call(_context14.t0, _context14.t1, _context14.t2);
468
+
469
+ case 6:
324
470
  case "end":
325
- return _context8.stop();
471
+ return _context14.stop();
326
472
  }
327
473
  }
328
- }, _callee8);
474
+ }, _callee14);
329
475
  })));
330
476
 
331
- case 3:
477
+ case 5:
332
478
  expect(screen.getByText(/No results for/)).toBeInTheDocument();
333
479
  link = document.querySelector('.DocSearch-Help a');
334
480
  expect(link).toBeInTheDocument();
335
481
  expect(link.getAttribute('href')).toBe('https://github.com/algolia/docsearch/issues/new?title=q');
336
482
 
337
- case 7:
483
+ case 9:
338
484
  case "end":
339
- return _context9.stop();
485
+ return _context15.stop();
340
486
  }
341
487
  }
342
- }, _callee9);
488
+ }, _callee15);
343
489
  })));
344
490
  });
345
491
  });
@@ -1,2 +1 @@
1
- /// <reference types="react" />
2
1
  export declare function ControlKeyIcon(): JSX.Element;
@@ -1,2 +1 @@
1
- /// <reference types="react" />
2
1
  export declare function ErrorIcon(): JSX.Element;
@@ -1,2 +1 @@
1
- /// <reference types="react" />
2
1
  export declare function GoToExternal(): JSX.Element;
@@ -1,2 +1 @@
1
- /// <reference types="react" />
2
1
  export declare function LoadingIcon(): JSX.Element;
@@ -1,2 +1 @@
1
- /// <reference types="react" />
2
1
  export declare function NoResultsIcon(): JSX.Element;
@@ -1,2 +1 @@
1
- /// <reference types="react" />
2
1
  export declare function RecentIcon(): JSX.Element;
@@ -1,2 +1 @@
1
- /// <reference types="react" />
2
1
  export declare function ResetIcon(): JSX.Element;
@@ -1,2 +1 @@
1
- /// <reference types="react" />
2
1
  export declare function SearchIcon(): JSX.Element;
@@ -1,2 +1 @@
1
- /// <reference types="react" />
2
1
  export declare function SelectIcon(): JSX.Element;