Skip to content

Commit bfda042

Browse files
bidoubiwabidoubiwa
committed
Add local browser tests
1 parent 00c6034 commit bfda042

File tree

5 files changed

+5653
-0
lines changed

5 files changed

+5653
-0
lines changed

‎cypress/integration/first_tests.specs.js

Lines changed: 2 additions & 0 deletions
Original file line numberDiff line numberDiff line change
@@ -1,3 +1,5 @@
1+
/* eslint jest/expect-expect: ["off"]*/
2+
13
const HOST = `http://localhost:1234` // Please adjust to your own app port
24

35
describe(`My first test`, () => {

‎tests/env/browser/index.html

Lines changed: 67 additions & 0 deletions
Original file line numberDiff line numberDiff line change
@@ -0,0 +1,67 @@
1+
<!DOCTYPE html>
2+
<html lang="en">
3+
4+
<head>
5+
<meta charset="utf-8" />
6+
<meta name="color-scheme" content="dark light" />
7+
<title>Docs SearchBar playground</title>
8+
<link rel="stylesheet" href="https://cdn.jsdelivr.net/bootstrap/3.3.6/css/bootstrap.min.css" />
9+
<link rel="stylesheet" href="../../../src/styles/main.scss" />
10+
</head>
11+
12+
<body>
13+
<div class="container">
14+
<div class="col-md-12">
15+
<input type="search" placeholder="docs-searchbar input" class="form-control" id="q" />
16+
</div>
17+
</div>
18+
<!-- at the end of the BODY -->
19+
<script src="../../../index.js"></script>
20+
<script>
21+
docsSearchBar.default({
22+
// Test with MeiliSearch Documentation
23+
hostUrl: 'http://localhost:7700',
24+
apiKey:
25+
'masterKey',
26+
indexUid: 'docs',
27+
inputSelector: '#q',
28+
handleSelected(input, event, suggestion, datasetNumber, context) {
29+
console.info(input)
30+
console.info(event)
31+
console.info(suggestion)
32+
console.info(datasetNumber)
33+
console.info(context)
34+
},
35+
debug: true, // Set debug to true if you want to inspect the dropdown
36+
enhancedSearchInput: true,
37+
enableDarkMode: true
38+
})
39+
</script>
40+
<style>
41+
.container {
42+
margin: 10%;
43+
}
44+
45+
div [data-ds-theme] .searchbox {
46+
width: 60%;
47+
margin: auto;
48+
margin-top: 10%;
49+
display: block;
50+
}
51+
52+
div [data-ds-theme] .searchbox input {
53+
height: 34px;
54+
border-radius: 4px;
55+
font-size: 14px;
56+
}
57+
58+
@media (prefers-color-scheme: dark) {
59+
body {
60+
background-color: #152028;
61+
color: #eaeaea;
62+
}
63+
}
64+
</style>
65+
</body>
66+
67+
</html>

‎tests/env/browser/package.json

Lines changed: 20 additions & 0 deletions
Original file line numberDiff line numberDiff line change
@@ -0,0 +1,20 @@
1+
{
2+
"name": "docs-searchbar-playground",
3+
"version": "0.1.0",
4+
"description": "",
5+
"main": "index.js",
6+
"scripts": {
7+
"serve": "parcel serve index.html --global docsSearchBar --open",
8+
"build": "parcel build index.html --global docsSearchBar",
9+
"setup": "node setup.js"
10+
},
11+
"author": "",
12+
"license": "ISC",
13+
"devDependencies": {
14+
"@babel/core": "^7.14.3",
15+
"parcel-bundler": "^1.12.5"
16+
},
17+
"dependencies": {
18+
"meilisearch": "^0.24.0"
19+
}
20+
}

‎tests/env/browser/setup.js

Lines changed: 217 additions & 0 deletions
Original file line numberDiff line numberDiff line change
@@ -0,0 +1,217 @@
1+
/* eslint camelcase: ["off"]*/
2+
/* eslint import/no-commonjs: ["off"]*/
3+
4+
const { MeiliSearch } = require('meilisearch')
5+
6+
;(async () => {
7+
const client = new MeiliSearch({
8+
host: 'http://127.0.0.1:7700',
9+
apiKey: 'masterKey',
10+
})
11+
12+
const index = client.index('docs')
13+
14+
const dataset = [
15+
{
16+
objectID: '32e3e560191d3d27d270cc142990ec7521c5e629',
17+
url: 'https://docs.meilisearch.com#getting-started-with-meilisearch',
18+
hierarchy_radio_lvl0: null,
19+
hierarchy_radio_lvl1: null,
20+
hierarchy_radio_lvl2: 'Getting started with MeiliSearch',
21+
hierarchy_radio_lvl3: null,
22+
hierarchy_radio_lvl4: null,
23+
hierarchy_radio_lvl5: null,
24+
hierarchy_lvl0: 'Documentation',
25+
hierarchy_lvl1: 'MeiliSearch Documentation',
26+
hierarchy_lvl2: 'Getting started with MeiliSearch',
27+
hierarchy_lvl3: null,
28+
hierarchy_lvl4: null,
29+
hierarchy_lvl5: null,
30+
hierarchy_lvl6: null,
31+
content: null,
32+
anchor: 'getting-started-with-meilisearch',
33+
_formatted: {
34+
objectID: '32e3e560191d3d27d270cc142990ec7521c5e629',
35+
url: 'https://docs.meilisearch.com#getting-started-with-meilisearch',
36+
hierarchy_radio_lvl0: null,
37+
hierarchy_radio_lvl1: null,
38+
hierarchy_radio_lvl2: '<em>Getting</em> started with MeiliSearch',
39+
hierarchy_radio_lvl3: null,
40+
hierarchy_radio_lvl4: null,
41+
hierarchy_radio_lvl5: null,
42+
hierarchy_lvl0: 'Documentation',
43+
hierarchy_lvl1: 'MeiliSearch Documentation',
44+
hierarchy_lvl2: '<em>Getting</em> started with MeiliSearch',
45+
hierarchy_lvl3: null,
46+
hierarchy_lvl4: null,
47+
hierarchy_lvl5: null,
48+
hierarchy_lvl6: null,
49+
content: null,
50+
anchor: 'getting-started-with-meilisearch',
51+
},
52+
},
53+
{
54+
objectID: '94560645167be070996b97c509e1df72bac2cba4',
55+
url: 'https://docs.meilisearch.com/faq.html#i-have-just-updated-meilisearch-and-i-am-getting-an-error-cannot-open-database-expected-meilisearch-engine-version',
56+
hierarchy_radio_lvl0: null,
57+
hierarchy_radio_lvl1: null,
58+
hierarchy_radio_lvl2:
59+
'I have just updated MeiliSearch, and I am getting an error: &quot;Cannot open database, expected MeiliSearch engine version...&quot;',
60+
hierarchy_radio_lvl3: null,
61+
hierarchy_radio_lvl4: null,
62+
hierarchy_radio_lvl5: null,
63+
hierarchy_lvl0: 'Documentation',
64+
hierarchy_lvl1: 'FAQ',
65+
hierarchy_lvl2:
66+
'I have just updated MeiliSearch, and I am getting an error: &quot;Cannot open database, expected MeiliSearch engine version...&quot;',
67+
hierarchy_lvl3: null,
68+
hierarchy_lvl4: null,
69+
hierarchy_lvl5: null,
70+
hierarchy_lvl6: null,
71+
content: null,
72+
anchor:
73+
'i-have-just-updated-meilisearch-and-i-am-getting-an-error-cannot-open-database-expected-meilisearch-engine-version',
74+
_formatted: {
75+
objectID: '94560645167be070996b97c509e1df72bac2cba4',
76+
url: 'https://docs.meilisearch.com/faq.html#i-have-just-updated-meilisearch-and-i-am-getting-an-error-cannot-open-database-expected-meilisearch-engine-version',
77+
hierarchy_radio_lvl0: null,
78+
hierarchy_radio_lvl1: null,
79+
hierarchy_radio_lvl2:
80+
'I have just updated MeiliSearch, and I am <em>getting</em> an error: &quot;Cannot open database, expected MeiliSearch engine version...&quot;',
81+
hierarchy_radio_lvl3: null,
82+
hierarchy_radio_lvl4: null,
83+
hierarchy_radio_lvl5: null,
84+
hierarchy_lvl0: 'Documentation',
85+
hierarchy_lvl1: 'FAQ',
86+
hierarchy_lvl2:
87+
'I have just updated MeiliSearch, and I am <em>getting</em> an error: &quot;Cannot open database, expected MeiliSearch engine version...&quot;',
88+
hierarchy_lvl3: null,
89+
hierarchy_lvl4: null,
90+
hierarchy_lvl5: null,
91+
hierarchy_lvl6: null,
92+
content: null,
93+
anchor:
94+
'i-have-just-updated-meilisearch-and-i-am-getting-an-error-cannot-open-database-expected-meilisearch-engine-version',
95+
},
96+
},
97+
{
98+
objectID: '4411d6ab3488ebb7ec4b35b08f0839b5a51e19a5',
99+
url: 'https://docs.meilisearch.com/learn/getting_started/#get-started-with-meilisearch',
100+
hierarchy_radio_lvl0: null,
101+
hierarchy_radio_lvl1: 'Get started with MeiliSearch!',
102+
hierarchy_radio_lvl2: null,
103+
hierarchy_radio_lvl3: null,
104+
hierarchy_radio_lvl4: null,
105+
hierarchy_radio_lvl5: null,
106+
hierarchy_lvl0: '🚀 Getting started',
107+
hierarchy_lvl1: 'Get started with MeiliSearch!',
108+
hierarchy_lvl2: null,
109+
hierarchy_lvl3: null,
110+
hierarchy_lvl4: null,
111+
hierarchy_lvl5: null,
112+
hierarchy_lvl6: null,
113+
content: null,
114+
anchor: 'get-started-with-meilisearch',
115+
_formatted: {
116+
objectID: '4411d6ab3488ebb7ec4b35b08f0839b5a51e19a5',
117+
url: 'https://docs.meilisearch.com/learn/getting_started/#get-started-with-meilisearch',
118+
hierarchy_radio_lvl0: null,
119+
hierarchy_radio_lvl1: 'Get started with MeiliSearch!',
120+
hierarchy_radio_lvl2: null,
121+
hierarchy_radio_lvl3: null,
122+
hierarchy_radio_lvl4: null,
123+
hierarchy_radio_lvl5: null,
124+
hierarchy_lvl0: '🚀 <em>Getting</em> started',
125+
hierarchy_lvl1: 'Get started with MeiliSearch!',
126+
hierarchy_lvl2: null,
127+
hierarchy_lvl3: null,
128+
hierarchy_lvl4: null,
129+
hierarchy_lvl5: null,
130+
hierarchy_lvl6: null,
131+
content: null,
132+
anchor: 'get-started-with-meilisearch',
133+
},
134+
},
135+
{
136+
objectID: '62a814a6ff1c33eebbe13e1b9278529f366ad929',
137+
url: 'https://docs.meilisearch.com/learn/getting_started/whats_next.html#what-s-next',
138+
hierarchy_radio_lvl0: null,
139+
hierarchy_radio_lvl1: "What's next?",
140+
hierarchy_radio_lvl2: null,
141+
hierarchy_radio_lvl3: null,
142+
hierarchy_radio_lvl4: null,
143+
hierarchy_radio_lvl5: null,
144+
hierarchy_lvl0: '🚀 Getting started',
145+
hierarchy_lvl1: "What's next?",
146+
hierarchy_lvl2: null,
147+
hierarchy_lvl3: null,
148+
hierarchy_lvl4: null,
149+
hierarchy_lvl5: null,
150+
hierarchy_lvl6: null,
151+
content: null,
152+
anchor: 'what-s-next',
153+
_formatted: {
154+
objectID: '62a814a6ff1c33eebbe13e1b9278529f366ad929',
155+
url: 'https://docs.meilisearch.com/learn/getting_started/whats_next.html#what-s-next',
156+
hierarchy_radio_lvl0: null,
157+
hierarchy_radio_lvl1: "What's next?",
158+
hierarchy_radio_lvl2: null,
159+
hierarchy_radio_lvl3: null,
160+
hierarchy_radio_lvl4: null,
161+
hierarchy_radio_lvl5: null,
162+
hierarchy_lvl0: '🚀 <em>Getting</em> started',
163+
hierarchy_lvl1: "What's next?",
164+
hierarchy_lvl2: null,
165+
hierarchy_lvl3: null,
166+
hierarchy_lvl4: null,
167+
hierarchy_lvl5: null,
168+
hierarchy_lvl6: null,
169+
content: null,
170+
anchor: 'what-s-next',
171+
},
172+
},
173+
{
174+
objectID: 'ebfb0972d362287b0d54864884015e59b31a1096',
175+
url: 'https://docs.meilisearch.com/learn/getting_started/installation.html#installation',
176+
hierarchy_radio_lvl0: null,
177+
hierarchy_radio_lvl1: 'Installation',
178+
hierarchy_radio_lvl2: null,
179+
hierarchy_radio_lvl3: null,
180+
hierarchy_radio_lvl4: null,
181+
hierarchy_radio_lvl5: null,
182+
hierarchy_lvl0: '🚀 Getting started',
183+
hierarchy_lvl1: 'Installation',
184+
hierarchy_lvl2: null,
185+
hierarchy_lvl3: null,
186+
hierarchy_lvl4: null,
187+
hierarchy_lvl5: null,
188+
hierarchy_lvl6: null,
189+
content: null,
190+
anchor: 'installation',
191+
_formatted: {
192+
objectID: 'ebfb0972d362287b0d54864884015e59b31a1096',
193+
url: 'https://docs.meilisearch.com/learn/getting_started/installation.html#installation',
194+
hierarchy_radio_lvl0: null,
195+
hierarchy_radio_lvl1: 'Installation',
196+
hierarchy_radio_lvl2: null,
197+
hierarchy_radio_lvl3: null,
198+
hierarchy_radio_lvl4: null,
199+
hierarchy_radio_lvl5: null,
200+
hierarchy_lvl0: '🚀 <em>Getting</em> started',
201+
hierarchy_lvl1: 'Installation',
202+
hierarchy_lvl2: null,
203+
hierarchy_lvl3: null,
204+
hierarchy_lvl4: null,
205+
hierarchy_lvl5: null,
206+
hierarchy_lvl6: null,
207+
content: null,
208+
anchor: 'installation',
209+
},
210+
},
211+
]
212+
213+
const response = await index.addDocuments(dataset)
214+
215+
const task = await client.waitForTask(response.uid)
216+
console.log(task)
217+
})()

0 commit comments

Comments
 (0)