From a231956a0f5f8a450c320eda7207a9e1ffa030bd Mon Sep 17 00:00:00 2001 From: Nicholas Ung Date: Thu, 26 Oct 2023 17:53:34 -0700 Subject: [PATCH 1/5] Squashed commit of the following: commit 7e11c9f4b2eb842ef58919c449b92148c68b2443 Author: Nicholas Ung Date: Thu Oct 26 17:27:21 2023 -0700 Resolve id and unique key errors Signed-off-by: Nicholas Ung commit 58f5ac700e61864165a282fa61a33060211666dc Merge: e9b6894 fde4421 Author: Nicholas Ung Date: Thu Oct 26 17:12:18 2023 -0700 Merge branch 'refactor/issue-330' of https://github.com/nung22/dashboards-search-relevance into refactor/issue-330 commit e9b6894e53ac20e9b53e5280f6bbb577edf66f71 Merge: 13f9246 e92057a Author: Nicholas Ung Date: Thu Oct 26 17:08:49 2023 -0700 Wrap all repo tests with I18nProvider Signed-off-by: Nicholas Ung commit fde442147fd6d1d5470b7695a2dbec81349bbc57 Merge: 13f9246 e92057a Author: Nicholas Ung Date: Thu Oct 26 17:08:49 2023 -0700 Merge branch 'refactor/issue-330' of https://github.com/nung22/dashboards-search-relevance into refactor/issue-330 commit 13f9246ae26b5184d9fdb04232e802964ad3c773 Author: Nicholas Ung Date: Thu Oct 26 16:59:05 2023 -0700 Wrap all repo tests with I18nProvider commit e92057a7710cdd3c675662c26a80c3c47cc55dc2 Author: Nicholas Ung Date: Thu Oct 26 16:59:05 2023 -0700 Wrap test with I18nProvider Signed-off-by: Nicholas Ung commit 2b9c0ea4e75786007ce6df873cd3d945ada1aa19 Author: Nicholas Ung Date: Thu Oct 26 16:40:25 2023 -0700 Update duplicate ids in flyout.tsx Signed-off-by: Nicholas Ung commit 7d14e3ccc089d412412308e102bf7ff341b7b4c0 Merge: 6869944 bbb27f4 Author: Nicholas Ung Date: Thu Oct 26 10:52:55 2023 -0700 Merge branch 'refactor/issue-330' of https://github.com/nung22/dashboards-search-relevance into refactor/issue-330 commit 6869944e58c6421d531cbcad6dea984bb7205bc1 Author: Nicholas Ung Date: Wed Oct 25 14:35:32 2023 -0700 Refactor code for user-wrapped strings in header.tsx and flyout.tsx Signed-off-by: Nicholas Ung commit b69ff410485afab888cba7071ca04e0a024bb929 Author: Nicholas Ung Date: Mon Oct 23 15:06:05 2023 -0700 Wrap user-facing strings in header.tsx Signed-off-by: Nicholas Ung commit fe9931110d25a0683b1fe4801f0dee5b9ef1fac4 Author: Nicholas Ung Date: Mon Oct 23 14:09:06 2023 -0700 Update flyout.tsx snapshot Signed-off-by: Nicholas Ung commit 7a2a97a4c6c8c0716a6b4699f85b0665e64d3ed8 Author: Nicholas Ung Date: Mon Oct 23 14:03:12 2023 -0700 Update FormattedMessages blocks in flyout.tsx Signed-off-by: Nicholas Ung commit c58a10bb4f7cd5477a85dd1db9d7a7f4fd42354d Author: Nicholas Ung Date: Tue Oct 17 10:11:15 2023 -0700 Wrap user-facing strings in flyout.tsx for internalization Signed-off-by: Nicholas Ung commit bbb27f48922f150d4d89953f5e4595f0fab306f9 Merge: 38162ca 77db981 Author: Nicholas Ung Date: Mon Oct 23 17:00:01 2023 -0700 Merge branch 'main' of https://github.com/nung22/dashboards-search-relevance into refactor/issue-330 commit 38162ca0cf2b6f630d1cd7b9e950716dc5820d0c Author: Nicholas Ung Date: Mon Oct 23 15:06:05 2023 -0700 Wrap user-facing strings in header.tsx Signed-off-by: Nicholas Ung commit a7ce8f622deae337e989af72b0d90a6f7deade23 Author: Nicholas Ung Date: Mon Oct 23 14:09:06 2023 -0700 Update flyout.tsx snapshot Signed-off-by: Nicholas Ung commit c1cd4fa2f67cd4c9d8f7b393694b3c0577dcaa20 Author: Nicholas Ung Date: Mon Oct 23 14:03:12 2023 -0700 Update FormattedMessages blocks in flyout.tsx Signed-off-by: Nicholas Ung commit 611546a02f1cbca5c4c058f8d04412fdf83ca397 Author: Nicholas Ung Date: Tue Oct 17 10:11:15 2023 -0700 Wrap user-facing strings in flyout.tsx for internalization Signed-off-by: Nicholas Ung Signed-off-by: Nicholas Ung --- .../__snapshots__/flyout.test.tsx.snap | 8213 +++++----- .../__snapshots__/header.test.tsx.snap | 275 +- .../common/__test__/flyout.test.tsx | 9 +- .../common/__test__/header.test.tsx | 7 +- public/components/common/flyout.tsx | 164 +- public/components/common/header.tsx | 32 +- .../__snapshots__/create_index.test.tsx.snap | 517 +- .../__test__/create_index.test.tsx | 7 +- .../result_component.test.tsx.snap | 13567 ++++++++-------- .../__snapshots__/result_grid.test.tsx.snap | 5830 ++++--- .../__test__/result_component.test.tsx | 19 +- .../__test__/result_grid.test.tsx | 33 +- .../result_components/result_grid.tsx | 4 +- .../__snapshots__/search_bar.test.tsx.snap | 471 +- .../__snapshots__/search_config.test.tsx.snap | 899 +- .../search_configs.test.tsx.snap | 1821 ++- .../__tests__/search_bar.test.tsx | 13 +- .../__tests__/search_config.test.tsx | 25 +- .../__tests__/search_configs.test.tsx | 27 +- .../search_components/search_bar.tsx | 1 + 20 files changed, 17089 insertions(+), 14845 deletions(-) diff --git a/public/components/common/__test__/__snapshots__/flyout.test.tsx.snap b/public/components/common/__test__/__snapshots__/flyout.test.tsx.snap index 733aed3..83b6f23 100644 --- a/public/components/common/__test__/__snapshots__/flyout.test.tsx.snap +++ b/public/components/common/__test__/__snapshots__/flyout.test.tsx.snap @@ -1,404 +1,185 @@ // Jest Snapshot v1, https://goo.gl/fbAQLP exports[`Flyout component Renders flyout component 1`] = ` - - - - - - + + + + + + + - - } - onActivation={[Function]} - onDeactivation={[Function]} - persistentFocus={false} - returnFocus={[Function]} - shards={Array []} - > - - + + + + + } + onActivation={[Function]} + onDeactivation={[Function]} + persistentFocus={false} + returnFocus={[Function]} + shards={Array []} + sideCar={ + Object { + "assignMedium": [Function], + "assignSyncMedium": [Function], + "options": Object { + "async": true, + "ssr": false, + }, + "read": [Function], + "useMedium": [Function], + } + } + > + + - - } - onActivation={[Function]} - onDeactivation={[Function]} - persistentFocus={false} - returnFocus={[Function]} - shards={Array []} - /> - - - - -
- -
- - - - - - -
- -

- Help -

- -
- - -
-
+ - + +
+
+ } + onActivation={[Function]} + onDeactivation={[Function]} + persistentFocus={false} + returnFocus={[Function]} + shards={Array []} + > + + + } + onActivation={[Function]} + onDeactivation={[Function]} + persistentFocus={false} + returnFocus={[Function]} + shards={Array []} + /> + + + + +
+ +
+ + + + + + +
+ +

+ + Help + +

+ +
+ + +
+
+
+ +
+

+ + Query format + +

+

+ + _search + , + "methodName": + GET + , + "queryDslLink": + + , + "search": + + , + "variableName": + %SearchText% + , + } + } > - - - + OpenSearch Query DSL + + + + + + + - - - + (opens in a new tab or window) + - - - -

-
-
- - -

- 3. Select an index for - - Query 2 - - and enter a query. -

-

- You can see how boosting a field affects the results. The following query boosts the - - - - + + + . Use the + + + + + %SearchText% + + + + + variable to refer + to the text in the search bar. When you enter + + + Search + + + , the queries are sent to the search + engine using the + + + + + GET + + + + + HTTP method and the + + + + + _search + + + + + endpoint. + +

+

+ - speaker - - - - - field: -

- - -
- 
-                                              
+

+
+

+ - - - - - - +

+

+ + + , + } + } + > + 2. Select an index for + + - { - - - - - - - + + and enter a query. + +

+

+ + shakespeare + , + "speaker": + speaker + , + "textEntry": + text_entry + , + } + } + > + The following example searches the + + - "query" - - + + speaker + + + + + and + + - : - - - + + text_entry + + + + + fields of the + + + - { - - - - - + + shakespeare + + + + + index for the search text: + +

+ + +
- - - "multi_match" - - - : - - - - { - - + + + - - + + + + { + + + + + + + + "query" + + + : + + + + { + + + + + + + + "multi_match" + + + : + + + + { + + + + + + + + "query" + + + : + + + + "%SearchText%" + + + , + + + + + + + + "fields" + + + : + + + + [ + + + "speaker" + + + , + + + + "text_entry" + + + ] + + + + + + + + } + + + + + + + + } + + + + + + + } + - + + + +
- "query" - - + + + + + + + + + + + +
+
+
+ + +

+ + + , + } + } + > + 3. Select an index for + + - : - - - + + and enter a query. + +

+

+ + speaker + , + } + } + > + You can see how boosting a field affects the results. The following + query boosts the + + - "%SearchText%" - - + + speaker + + + + + field: + +

+ + +
+ 
-                                                    ,
-                                                  
-                                                  
+                                                    
+                                                      
+                                                        
 
-                                                
-                                                
+                                                      
+                                                      
+                                                        
+                                                          {
+                                                        
                                                         
-                                                  
-                                                    "fields"
-                                                  
-                                                  
-                                                    :
-                                                  
-                                                   
-                                                  
-                                                    [
-                                                  
-                                                  
-                                                    "speaker^3"
-                                                  
-                                                  
-                                                    ,
-                                                  
-                                                   
-                                                  
-                                                    "text_entry"
-                                                  
-                                                  
-                                                    ]
-                                                  
-                                                  
 
-                                                
-                                                
-                                                      
-                                                  
-                                                    }
-                                                  
-                                                  
+                                                      
+                                                      
+                                                          
+                                                        
+                                                          "query"
+                                                        
+                                                        
+                                                          :
+                                                        
+                                                         
+                                                        
+                                                          {
+                                                        
+                                                        
 
-                                                
-                                                
-                                                    
-                                                  
-                                                    }
-                                                  
-                                                  
+                                                      
+                                                      
+                                                            
+                                                        
+                                                          "multi_match"
+                                                        
+                                                        
+                                                          :
+                                                        
+                                                         
+                                                        
+                                                          {
+                                                        
+                                                        
 
-                                                
-                                                
-                                                  
-                                                    }
-                                                  
-                                                  
+                                                      
+                                                      
+                                                              
+                                                        
+                                                          "query"
+                                                        
+                                                        
+                                                          :
+                                                        
+                                                         
+                                                        
+                                                          "%SearchText%"
+                                                        
+                                                        
+                                                          ,
+                                                        
+                                                        
 
-                                                
-                                                
-                                              
-
-
-
- - + + + "fields" + + + : + + + + [ + + + "speaker^3" + + + , + + + + "text_entry" + + + ] + + + + + + + + } + + + + + + + + } + + + + + + + } + + + + + + + +
+
+ + + + + + + + + + + +
+
+
+ + +

+ + + , + } + } + > + To learn more about boosts, see the + + - + Multi-match Query Documentation + + + + + + + - - - + (opens in a new tab or window) + - - - -

-
-
- - -

- To learn more about boosts, see the - - - - Multi-match Query Documentation - - + + + . + +

+

+ - - - - - +

+

+ + + , + } + } > - - (opens in a new tab or window) - - - - - - . -

-

- 4. Compare results -

-

- Select - - Search - - and compare the results in Results 1 and Results 2. -

+ Select + + + Search + + + and compare the results in Results 1 and Results 2. + +

+
+ +
- - + + - - - - - - -
- - - - - - + + + + + + - - - - - - - - - - - - + /> + + + + + + + + + + + + + + + `; diff --git a/public/components/common/__test__/__snapshots__/header.test.tsx.snap b/public/components/common/__test__/__snapshots__/header.test.tsx.snap index c1dfee0..5b1da38 100644 --- a/public/components/common/__test__/__snapshots__/header.test.tsx.snap +++ b/public/components/common/__test__/__snapshots__/header.test.tsx.snap @@ -1,88 +1,207 @@ // Jest Snapshot v1, https://goo.gl/fbAQLP exports[`Header component Renders header component 1`] = ` -
- + -
- -

+
+ - Compare search results -

- - -
-

- Compare results using the same search text with different queries. - - - + +

- Learn more - - - - - - - +

+ + + - -
- -
+ + + Learn more + + + + + + + + + + (opens in a new tab or window) + + + + + + +

+
+ + + + + + + `; diff --git a/public/components/common/__test__/flyout.test.tsx b/public/components/common/__test__/flyout.test.tsx index b5c9170..c875a8f 100644 --- a/public/components/common/__test__/flyout.test.tsx +++ b/public/components/common/__test__/flyout.test.tsx @@ -9,15 +9,18 @@ import React from 'react'; import { waitFor } from '@testing-library/react'; import { Flyout } from '../flyout'; import { SearchRelevanceContextProvider } from '../../../contexts'; +import { I18nProvider } from '@osd/i18n/react'; describe('Flyout component', () => { configure({ adapter: new Adapter() }); it('Renders flyout component', async () => { const wrapper = mount( - - - + + + + + ); wrapper.update(); diff --git a/public/components/common/__test__/header.test.tsx b/public/components/common/__test__/header.test.tsx index 6e963eb..dd7a380 100644 --- a/public/components/common/__test__/header.test.tsx +++ b/public/components/common/__test__/header.test.tsx @@ -8,12 +8,17 @@ import Adapter from 'enzyme-adapter-react-16'; import React from 'react'; import { waitFor } from '@testing-library/react'; import { Header } from '../header'; +import { I18nProvider } from '@osd/i18n/react'; describe('Header component', () => { configure({ adapter: new Adapter() }); it('Renders header component', async () => { - const wrapper = mount(
); + const wrapper = mount( + +
+ + ); wrapper.update(); diff --git a/public/components/common/flyout.tsx b/public/components/common/flyout.tsx index 75359da..a3a1fe5 100644 --- a/public/components/common/flyout.tsx +++ b/public/components/common/flyout.tsx @@ -4,6 +4,7 @@ */ import React from 'react'; +import { FormattedMessage } from '@osd/i18n/react'; import { EuiFlyout, EuiFlyoutBody, @@ -51,62 +52,161 @@ export const Flyout = () => { > -

Help

+

+ +

-

Query format

+

+ +

- Enter a query in{' '} - - OpenSearch Query DSL - - . Use the %SearchText% variable to refer to the text in the search - bar. When you enter Search, the queries are sent to the search engine - using the GET HTTP method and the _search{' '} - endpoint. + + + + ), + variableName: {'%SearchText%'}, + search: ( + + + + ), + methodName: {'GET'}, + endpointName: {'_search'}, + }} + />

-

Example

+

+ +


-

1. Enter the search text in the search bar.

- 2. Select an index for Query 1 and enter a query. +

- The following example searches the speaker and{' '} - text_entry fields of the shakespeare - index for the search text: + + + + ), + }} + /> +

+

+ {'speaker'}, + textEntry: {'text_entry'}, + shakespeare: {'shakespeare'}, + }} + />

{query1}

- 3. Select an index for Query 2 and enter a query. + + + + ), + }} + />

- You can see how boosting a field affects the results. The following query boosts the - speaker field: + {'speaker'}, + }} + />

{query2}

- To learn more about boosts, see the{' '} - - Multi-match Query Documentation - - . + + + + ), + }} + /> +

+

+

-

4. Compare results

- Select Search and compare the results in Results 1 and Results 2. + + + + ), + }} + />

diff --git a/public/components/common/header.tsx b/public/components/common/header.tsx index 6fd9503..b455057 100644 --- a/public/components/common/header.tsx +++ b/public/components/common/header.tsx @@ -4,6 +4,7 @@ */ import React from 'react'; +import { FormattedMessage } from '@osd/i18n/react'; import { EuiText, EuiLink, EuiPanel, EuiTitle } from '@elastic/eui'; interface HeaderProps { @@ -20,17 +21,32 @@ export const Header = ({ children }: HeaderProps) => { borderRadius="none" > -

Compare search results

+

+ +

- Compare results using the same search text with different queries.{' '} - - Learn more - + + + + ), + }} + />

{children} diff --git a/public/components/query_compare/__test__/__snapshots__/create_index.test.tsx.snap b/public/components/query_compare/__test__/__snapshots__/create_index.test.tsx.snap index c24021e..aea8d9b 100644 --- a/public/components/query_compare/__test__/__snapshots__/create_index.test.tsx.snap +++ b/public/components/query_compare/__test__/__snapshots__/create_index.test.tsx.snap @@ -1,227 +1,346 @@ // Jest Snapshot v1, https://goo.gl/fbAQLP exports[`Create index component Renders create index component 1`] = ` - -
- -
- -

+ + + +
+ - Compare search results -

- - -
-

- Compare results using the same search text with different queries. - - - + +

- Learn more - - - - - - - - - (opens in a new tab or window) - - - - - -

-

- -
- -
- -
- - Before you can query data, you need to index it. - - - Learn how to index your data - - , or - - add sample data - - to OpenSearch Dashboards. -

- } - title={ -

- Create an index to start comparing search results. -

- } - > -
- -

- Create an index to start comparing search results. -

- - - - -
- + Compare search results + + +

- Before you can query data, you need to index it. - - + + , + } + } > - - Learn how to index your data - - + Learn more + + - - - - - - - (opens in a new tab or window) - - - - - - , or - - - add sample data - - - to OpenSearch Dashboards. + + + + + + + (opens in a new tab or window) + + + + + +

- - -
- -
- - +
+ +
+ +
+ + Before you can query data, you need to index it. + + + Learn how to index your data + + , or + + add sample data + + to OpenSearch Dashboards. +

+ } + title={ +

+ Create an index to start comparing search results. +

+ } + > +
+ +

+ Create an index to start comparing search results. +

+ + + + +
+ + +
+

+ Before you can query data, you need to index it. + + + + Learn how to index your data + + + + + + + + + (opens in a new tab or window) + + + + + + , or + + + add sample data + + + to OpenSearch Dashboards. +

+
+ + + +
+ +
+ + + + + `; diff --git a/public/components/query_compare/__test__/create_index.test.tsx b/public/components/query_compare/__test__/create_index.test.tsx index 02d5d5d..04de65a 100644 --- a/public/components/query_compare/__test__/create_index.test.tsx +++ b/public/components/query_compare/__test__/create_index.test.tsx @@ -8,12 +8,17 @@ import Adapter from 'enzyme-adapter-react-16'; import React from 'react'; import { waitFor } from '@testing-library/react'; import { CreateIndex } from '../create_index'; +import { I18nProvider } from '@osd/i18n/react'; describe('Create index component', () => { configure({ adapter: new Adapter() }); it('Renders create index component', async () => { - const wrapper = mount(); + const wrapper = mount( + + + + ); wrapper.update(); diff --git a/public/components/query_compare/search_result/result_components/__test__/__snapshots__/result_component.test.tsx.snap b/public/components/query_compare/search_result/result_components/__test__/__snapshots__/result_component.test.tsx.snap index 13b3f52..b614094 100644 --- a/public/components/query_compare/search_result/result_components/__test__/__snapshots__/result_component.test.tsx.snap +++ b/public/components/query_compare/search_result/result_components/__test__/__snapshots__/result_component.test.tsx.snap @@ -1,6784 +1,7561 @@ // Jest Snapshot v1, https://goo.gl/fbAQLP exports[`Result component Renders result component 1`] = ` - - + + + + - + - <_EuiSplitPanelOuter - direction="row" - hasBorder={false} - hasShadow={false} - > - -
- + <_EuiSplitPanelOuter + direction="row" + hasBorder={false} + hasShadow={false} > - <_EuiSplitPanelInner - className="search-relevance-result-panel" + - -
- -
- -
- -

- Result 1 -

- -
- - -
- -

- 10 - results -

- -
- -
- - + <_EuiSplitPanelInner + className="search-relevance-result-panel" > -
- - - +
-
+ + +
- -
+

+ Result 1 +

+ +
+ + +
+ - -
+ 10 + results + + +
+ +
+ + +
+ + + + - + - - - + + - + - - - + + - + - - - + + - -
+ - -

- 4 -

- -
- - -
- -
- - Not applicable - - - - Not in - - Results - 2 - - - } - size="m" - type="questionInCircle" - > - - Not in - - Results - 2 - - - } - delay="regular" - position="top" + } + > + +
+ - + 4 + + +
+ + +
+ +
- + Not applicable + + + + Not in + + Results + 2 + + + } size="m" - tabIndex={0} type="questionInCircle" > - + Not in + + Results + 2 + + } - tabIndex={0} + delay="regular" + position="top" > - - - - - - -
- -
- -
- - -
+ - - - + + - + - - - + + - + - - - + + - + - - - + + - + - - - + + - + - - - + + - + - - -
+ - -

- 1 -

- - - - -
- -
- - Not applicable - - - - Not in - - Results - 2 - - - } - size="m" - type="questionInCircle" - > - - Not in - - Results - 2 - - - } - delay="regular" - position="top" + } + > + +
+ - + 1 + + +
+ + +
+ +
- + Not applicable + + + + Not in + + Results + 2 + + + } size="m" - tabIndex={0} type="questionInCircle" > - + Not in + + Results + 2 + + } - tabIndex={0} + delay="regular" + position="top" > - - - - - - -
- -
- -
- -
-
- -
+ + + + + + + + +
+ + + + + + 		-
- arr: -
-
- - ["el1","el2","el3"] - - -
-
- id: -
-
- - 3920564 - - -
-
- name: -
-
- - 006R90321 - - -
-
- title: -
-
- - Xerox 006R90321 toner cartridge Original Black 6 pc(s) - - -
-
- short_description: -
-
- - Toner (6 Per Box) for CopyCentre C65 Digital Copier - - -
-
- img_500x500: -
-
- - http://images.icecat.biz/img/gallery_mediums/img_3920564_medium_1472618727_1445_7091.jpg - - -
-
- date_released: -
-
- - 2009-12-10T00:00:00Z - - -
-
- supplier: -
-
- - Xerox - - -
-
- price: -
-
- - 4995 - - -
- - - -
- -
-
- -

+
- 2 -

- +
+
+ arr: +
+
+ + ["el1","el2","el3"] + + +
+
+
+
+ id: +
+
+ + 3920564 + + +
+
+
+
+ name: +
+
+ + 006R90321 + + +
+
+
+
+ title: +
+
+ + Xerox 006R90321 toner cartridge Original Black 6 pc(s) + + +
+
+
+
+ short_description: +
+
+ + Toner (6 Per Box) for CopyCentre C65 Digital Copier + + +
+
+
+
+ img_500x500: +
+
+ + http://images.icecat.biz/img/gallery_mediums/img_3920564_medium_1472618727_1445_7091.jpg + + +
+
+
+
+ date_released: +
+
+ + 2009-12-10T00:00:00Z + + +
+
+
+
+ supplier: +
+
+ + Xerox + + +
+
+
+
+ price: +
+
+ + 4995 + + +
+
+ +
- - -
+
+ - -
- - Not applicable - - - - Not in - - Results - 2 - - - } - size="m" - type="questionInCircle" - > - - Not in - - Results - 2 - - - } - delay="regular" - position="top" +
+ +
+ - + 2 + + +
+ + +
+ +
- + Not applicable + + + + Not in + + Results + 2 + + + } size="m" - tabIndex={0} type="questionInCircle" > - + Not in + + Results + 2 + + } - tabIndex={0} + delay="regular" + position="top" > - - - - - - -
- -
- -
- -
-
- -
+ + + + + + + + +
+ + + + + + 		-
- nestObj: -
-
- - {"key1":[1,true,null],"key2":{"key21":"element"}} - - -
-
- id: -
-
- - 2101957 - - -
-
- name: -
-
- - dv7-1211ea - - -
-
- title: -
-
- - HP Pavilion dv7-1211ea Notebook Silver 43.2 cm (17") 1440 x 900 pixels Intel® Core™2 Duo 4 GB DDR2-SDRAM 250 GB HDD NVIDIA® GeForce® 9200M GS Windows Vista Home Premium - - -
-
- short_description: -
-
- - Intel Core 2 Duo Processor P7450 (3M Cache, 2.13 GHz, 1066 MHz FSB), 4GB DDR2, 250GB SATA HDD, 17" WXGA+ HD BrightView 1440 x 900, nVidia GeForce 9200M GS, DVD Super Multi DL, Gigabit Ethernet, WLAN 802.11 b/g, WebCam, Windows Vista Home Premium 32-bit - - -
-
- img_500x500: -
-
- - http://images.icecat.biz/img/gallery_mediums/2101957_8011415648.jpg - - -
-
- date_released: -
-
- - 2008-12-19T00:00:00Z - - -
-
- supplier: -
-
- - HP - - -
-
- price: -
-
- - 10995 - - -
-
- attr_t_product_colour: -
-
- - Silver - - -
- - - -
- -
-
- -

+
- 3 -

- +
+
+ nestObj: +
+
+ + {"key1":[1,true,null],"key2":{"key21":"element"}} + + +
+
+
+
+ id: +
+
+ + 2101957 + + +
+
+
+
+ name: +
+
+ + dv7-1211ea + + +
+
+
+
+ title: +
+
+ + HP Pavilion dv7-1211ea Notebook Silver 43.2 cm (17") 1440 x 900 pixels Intel® Core™2 Duo 4 GB DDR2-SDRAM 250 GB HDD NVIDIA® GeForce® 9200M GS Windows Vista Home Premium + + +
+
+
+
+ short_description: +
+
+ + Intel Core 2 Duo Processor P7450 (3M Cache, 2.13 GHz, 1066 MHz FSB), 4GB DDR2, 250GB SATA HDD, 17" WXGA+ HD BrightView 1440 x 900, nVidia GeForce 9200M GS, DVD Super Multi DL, Gigabit Ethernet, WLAN 802.11 b/g, WebCam, Windows Vista Home Premium 32-bit + + +
+
+
+
+ img_500x500: +
+
+ + http://images.icecat.biz/img/gallery_mediums/2101957_8011415648.jpg + + +
+
+
+
+ date_released: +
+
+ + 2008-12-19T00:00:00Z + + +
+
+
+
+ supplier: +
+
+ + HP + + +
+
+
+
+ price: +
+
+ + 10995 + + +
+
+
+
+ attr_t_product_colour: +
+
+ + Silver + + +
+
+ +
- - -
+
+ - -
- - Not applicable - - - - Not in - - Results - 2 - - - } - size="m" - type="questionInCircle" - > - - Not in - - Results - 2 - - - } - delay="regular" - position="top" +
+ +
+ - - + +
+ + +
+ +
+ + Not applicable + + + + Not in + + Results + 2 + + + } size="m" - tabIndex={0} type="questionInCircle" > - + Not in + + Results + 2 + + } - tabIndex={0} + delay="regular" + position="top" > - - - - - - -
- -
- -
- -
-
- -
+ + + + + + + + +
+ + + + + + 		-
- id: -
-
- - 1128895 - - -
-
- name: -
-
- - DB9 RS232 Serial Null Modem Adapter - M/F - - -
-
- title: -
-
+
- StarTech.com DB9 RS232 Serial Null Modem Adapter - M/F - - -
-
- short_description: -
-
- - StarTech.com DB9 RS232 Serial Null Modem Adapter - M/F - - -
-
- img_500x500: -
-
- - http://images.icecat.biz/img/gallery_mediums/1128895_4034494654.jpg - - -
-
- date_released: -
-
- - 2007-08-09T00:00:00Z - - -
-
- supplier: -
-
- - StarTech.com - - -
-
- price: -
-
- - 595 - - -
-
- attr_t_product_colour: -
-
- - Grey - +
+
+
+ id: +
+
+ + 1128895 + + +
+
+
+
+ name: +
+
+ + DB9 RS232 Serial Null Modem Adapter - M/F + + +
+
+
+
+ title: +
+
+ + StarTech.com DB9 RS232 Serial Null Modem Adapter - M/F + + +
+
+
+
+ short_description: +
+
+ + StarTech.com DB9 RS232 Serial Null Modem Adapter - M/F + + +
+
+
+
+ img_500x500: +
+
+ + http://images.icecat.biz/img/gallery_mediums/1128895_4034494654.jpg + + +
+
+
+
+ date_released: +
+
+ + 2007-08-09T00:00:00Z + + +
+
+
+
+ supplier: +
+
+ + StarTech.com + + +
+
+
+
+ price: +
+
+ + 595 + + +
+
+
+
+ attr_t_product_colour: +
+
+ + Grey + + +
+
+
-
- - - -
- -
+
-
- -
+ + + + + + + + +
+ + + + + + 		-
- id: -
-
- - 1449722 - - -
-
- name: -
-
- - ProCurve 420 Wireless Access Point - - -
-
- title: -
-
- - HP ProCurve 420 Wireless Access Point - - -
-
- short_description: -
-
- - Refurbished A FULL-FEATURED IEEE 802.11G SINGLE-RADIO ACCESS POINT IDEALLY - - -
-
- img_500x500: -
-
- - http://images.icecat.biz/img/gallery_mediums/img_1449722_medium_1480997766_6498_5955.jpg - - -
-
- date_released: -
-
- - 2008-03-07T00:00:00Z - - -
-
- supplier: -
-
- - HP - - -
-
- price: -
-
- - 9495 - - -
- - - -
- -
-
- -

+
- 5 -

- +
+
+ id: +
+
+ + 1449722 + + +
+
+
+
+ name: +
+
+ + ProCurve 420 Wireless Access Point + + +
+
+
+
+ title: +
+
+ + HP ProCurve 420 Wireless Access Point + + +
+
+
+
+ short_description: +
+
+ + Refurbished A FULL-FEATURED IEEE 802.11G SINGLE-RADIO ACCESS POINT IDEALLY + + +
+
+
+
+ img_500x500: +
+
+ + http://images.icecat.biz/img/gallery_mediums/img_1449722_medium_1480997766_6498_5955.jpg + + +
+
+
+
+ date_released: +
+
+ + 2008-03-07T00:00:00Z + + +
+
+
+
+ supplier: +
+
+ + HP + + +
+
+
+
+ price: +
+
+ + 9495 + + +
+
+ +
- - -
+
+ - -
- - Not applicable - - - - Not in - - Results - 2 - - - } - size="m" - type="questionInCircle" - > - - Not in - - Results - 2 - - - } - delay="regular" - position="top" +
+ +
+ - + 5 + + +
+ + +
+ +
- + Not applicable + + + + Not in + + Results + 2 + + + } size="m" - tabIndex={0} type="questionInCircle" > - + Not in + + Results + 2 + + } - tabIndex={0} + delay="regular" + position="top" > - - - - - - -
- -
- -
- -
-
- -
+ + + + + + + + +
+ + + + + + 		-
- id: -
-
- - 1625640 - - -
-
- name: -
-
- - 2GB SD Card - - -
-
- title: -
-
- - Integral 2GB SD Card memory card - - -
-
- short_description: -
-
- - 2GB SD Card - - -
-
- img_500x500: -
-
- - http://images.icecat.biz/img/gallery_mediums/img_1625640_medium_1480990774_7102_6217.jpg - - -
-
- date_released: -
-
- - 2008-06-23T00:00:00Z - - -
-
- supplier: -
-
- - Integral - - -
-
- price: -
-
- - 1195 - - -
- - - -
- -
-
- -

+
- 6 -

- +
+
+ id: +
+
+ + 1625640 + + +
+
+
+
+ name: +
+
+ + 2GB SD Card + + +
+
+
+
+ title: +
+
+ + Integral 2GB SD Card memory card + + +
+
+
+
+ short_description: +
+
+ + 2GB SD Card + + +
+
+
+
+ img_500x500: +
+
+ + http://images.icecat.biz/img/gallery_mediums/img_1625640_medium_1480990774_7102_6217.jpg + + +
+
+
+
+ date_released: +
+
+ + 2008-06-23T00:00:00Z + + +
+
+
+
+ supplier: +
+
+ + Integral + + +
+
+
+
+ price: +
+
+ + 1195 + + +
+
+ +
- - -
+
+ - -
- - Not applicable - - - - Not in - - Results - 2 - - - } - size="m" - type="questionInCircle" - > - - Not in - - Results - 2 - - - } - delay="regular" - position="top" +
+ +
+ - + 6 + + +
+ + +
+ +
- + Not applicable + + + + Not in + + Results + 2 + + + } size="m" - tabIndex={0} type="questionInCircle" > - + Not in + + Results + 2 + + } - tabIndex={0} + delay="regular" + position="top" > - - - - - - -
- -
- -
- -
-
- -
+ + + + + + + + +
+ + + + + + 		-
- id: -
-
- - 2067378 - - -
-
- name: -
-
- - LC51C - - -
-
- title: -
-
- - Brother LC51C Original Cyan - - -
-
- short_description: -
-
- - LC51C - - -
-
- img_500x500: -
-
- - http://images.icecat.biz/img/gallery_mediums/img_2067378_medium_1481020819_0464_12184.jpg - - -
-
- date_released: -
-
- - 2009-04-08T00:00:00Z - - -
-
- supplier: -
-
- - Brother - - -
-
- price: -
-
- - 1795 - - -
- - - -
- -
-
- -

+
- 7 -

- +
+
+ id: +
+
+ + 2067378 + + +
+
+
+
+ name: +
+
+ + LC51C + + +
+
+
+
+ title: +
+
+ + Brother LC51C Original Cyan + + +
+
+
+
+ short_description: +
+
+ + LC51C + + +
+
+
+
+ img_500x500: +
+
+ + http://images.icecat.biz/img/gallery_mediums/img_2067378_medium_1481020819_0464_12184.jpg + + +
+
+
+
+ date_released: +
+
+ + 2009-04-08T00:00:00Z + + +
+
+
+
+ supplier: +
+
+ + Brother + + +
+
+
+
+ price: +
+
+ + 1795 + + +
+
+ +
- - -
+
+ - -
- - Not applicable - - - - Not in - - Results - 2 - - - } - size="m" - type="questionInCircle" - > - - Not in - - Results - 2 - - - } - delay="regular" - position="top" +
+ +
+ - + 7 + + +
+ + +
+ +
- + Not applicable + + + + Not in + + Results + 2 + + + } size="m" - tabIndex={0} type="questionInCircle" > - + Not in + + Results + 2 + + } - tabIndex={0} + delay="regular" + position="top" > - - - - - - -
- -
- -
- -
-
- -
+ + + + + + + + +
+ + + + + + 		-
- id: -
-
- - 636678 - - -
-
- name: -
-
- - Emergency Power Off (EPO) - - -
-
- title: -
-
- - APC Emergency Power Off (EPO) - - -
-
- short_description: -
-
- - Emergency Power Off (EPO) - - -
-
- img_500x500: -
-
- - http://images.icecat.biz/img/gallery_mediums/img_636678_medium_1480944064_4778_26509.jpg - - -
-
- date_released: -
-
- - 2006-11-15T00:00:00Z - - -
-
- supplier: -
-
- - APC - - -
-
- price: -
-
- - 69195 - - -
-
- attr_t_product_colour: -
-
- - Black - - -
- - - -
- -
-
- -

+
- 8 -

- +
+
+ id: +
+
+ + 636678 + + +
+
+
+
+ name: +
+
+ + Emergency Power Off (EPO) + + +
+
+
+
+ title: +
+
+ + APC Emergency Power Off (EPO) + + +
+
+
+
+ short_description: +
+
+ + Emergency Power Off (EPO) + + +
+
+
+
+ img_500x500: +
+
+ + http://images.icecat.biz/img/gallery_mediums/img_636678_medium_1480944064_4778_26509.jpg + + +
+
+
+
+ date_released: +
+
+ + 2006-11-15T00:00:00Z + + +
+
+
+
+ supplier: +
+
+ + APC + + +
+
+
+
+ price: +
+
+ + 69195 + + +
+
+
+
+ attr_t_product_colour: +
+
+ + Black + + +
+
+ +
- - -
+
+ - -
- - Not applicable - - - - Not in - - Results - 2 - - - } - size="m" - type="questionInCircle" - > - - Not in - - Results - 2 - - - } - delay="regular" - position="top" +
+ +
+ - + 8 + + +
+ + +
+ +
- + Not applicable + + + + Not in + + Results + 2 + + + } size="m" - tabIndex={0} type="questionInCircle" > - + Not in + + Results + 2 + + } - tabIndex={0} + delay="regular" + position="top" > - - - - - - -
- -
- -
- -
-
- -
+ + + + + + + + +
+ + + + + + 		-
- id: -
-
- - 1570809 - - -
-
- name: -
-
- - IT Power Distribution Module 3 Pole 5 Wire 32A IEC309 620cm - - -
-
- title: -
-
- - APC IT Power Distribution Module 3 Pole 5 Wire 32A IEC309 620cm power distribution unit (PDU) - - -
-
- short_description: -
-
- - IT Power Distribution Module 3 Pole 5 Wire 32A IEC309 620cm - - -
-
- img_500x500: -
-
- - http://images.icecat.biz/img/gallery_mediums/img_1570809_medium_1480983343_7059_6217.jpg - - -
-
- date_released: -
-
- - 2008-04-11T00:00:00Z - - -
-
- supplier: -
-
- - APC - - -
-
- price: -
-
- - 53895 - - -
- - - -
- -
-
- -

+
- 9 -

- +
+
+ id: +
+
+ + 1570809 + + +
+
+
+
+ name: +
+
+ + IT Power Distribution Module 3 Pole 5 Wire 32A IEC309 620cm + + +
+
+
+
+ title: +
+
+ + APC IT Power Distribution Module 3 Pole 5 Wire 32A IEC309 620cm power distribution unit (PDU) + + +
+
+
+
+ short_description: +
+
+ + IT Power Distribution Module 3 Pole 5 Wire 32A IEC309 620cm + + +
+
+
+
+ img_500x500: +
+
+ + http://images.icecat.biz/img/gallery_mediums/img_1570809_medium_1480983343_7059_6217.jpg + + +
+
+
+
+ date_released: +
+
+ + 2008-04-11T00:00:00Z + + +
+
+
+
+ supplier: +
+
+ + APC + + +
+
+
+
+ price: +
+
+ + 53895 + + +
+
+ +
- - -
+
+ - -
- - Not applicable - - - - Not in - - Results - 2 - - - } - size="m" - type="questionInCircle" - > - - Not in - - Results - 2 - - - } - delay="regular" - position="top" +
+ +
+ - + 9 + + +
+ + +
+ +
- + Not applicable + + + + Not in + + Results + 2 + + + } size="m" - tabIndex={0} type="questionInCircle" > - + Not in + + Results + 2 + + } - tabIndex={0} + delay="regular" + position="top" > - - - - - - -
- -
- -
- -
-
- -
+ + + + + + + + +
+ + + + + + 		-
- id: -
-
- - 148843 - - -
-
- name: -
-
- - Labels Premium A4 64.6x33.8 mm white paper matt 2400 pcs. - - -
-
- title: -
-
- - HERMA Labels Premium A4 64.6x33.8 mm white paper matt 2400 pcs. - - -
-
- short_description: -
-
- - Labels Premium A4 64.6x33.8 mm white paper matt 2400 pcs. - - -
-
- img_500x500: -
-
- - http://images.icecat.biz/img/gallery_mediums/148843_2449.jpg - - -
-
- date_released: -
-
- - 2005-07-15T00:00:00Z - - -
-
- supplier: -
-
- - HERMA - - -
-
- price: -
-
- - 3795 - - -
-
- attr_t_product_colour: -
-
- - White - - -
- - - -
- -
-
- -

+
- 10 -

- +
+
+ id: +
+
+ + 148843 + + +
+
+
+
+ name: +
+
+ + Labels Premium A4 64.6x33.8 mm white paper matt 2400 pcs. + + +
+
+
+
+ title: +
+
+ + HERMA Labels Premium A4 64.6x33.8 mm white paper matt 2400 pcs. + + +
+
+
+
+ short_description: +
+
+ + Labels Premium A4 64.6x33.8 mm white paper matt 2400 pcs. + + +
+
+
+
+ img_500x500: +
+
+ + http://images.icecat.biz/img/gallery_mediums/148843_2449.jpg + + +
+
+
+
+ date_released: +
+
+ + 2005-07-15T00:00:00Z + + +
+
+
+
+ supplier: +
+
+ + HERMA + + +
+
+
+
+ price: +
+
+ + 3795 + + +
+
+
+
+ attr_t_product_colour: +
+
+ + White + + +
+
+ +
- - -
+
+ - -
- - Not applicable - - - - Not in - - Results - 2 - - - } - size="m" - type="questionInCircle" - > - - Not in - - Results - 2 - - - } - delay="regular" - position="top" +
+ +
+ - + 10 + + +
+ + +
+ +
- + Not applicable + + + + Not in + + Results + 2 + + + } size="m" - tabIndex={0} type="questionInCircle" > - + Not in + + Results + 2 + + } - tabIndex={0} + delay="regular" + position="top" > - - - - - - -
- -
- -
- -
-
- -
+ + + + + + + + +
+ + + + + + 		-
- id: -
-
+
- 968447 - +
+
+
+ id: +
+
+ + 968447 + + +
+
+
+
+ name: +
+
+ + Cyan Toner Cartridge for C7100/C7300/C7500 Series 'Type C4' + + +
+
+
+
+ title: +
+
+ + OKI Cyan Toner Cartridge for C7100/C7300/C7500 Series 'Type C4' Original + + +
+
+
+
+ short_description: +
+
+ + Cyan Toner Cartridge for C7100/C7300/C7500 Series 'Type C4' + + +
+
+
+
+ img_500x500: +
+
+ + http://images.icecat.biz/img/gallery_mediums/img_968447_medium_1480985748_8727_5647.jpg + + +
+
+
+
+ date_released: +
+
+ + 2007-08-09T00:00:00Z + + +
+
+
+
+ supplier: +
+
+ + OKI + + +
+
+
+
+ price: +
+
+ + 20395 + + +
+
+
-
-
- name: -
-
- - Cyan Toner Cartridge for C7100/C7300/C7500 Series 'Type C4' - - -
-
- title: -
-
- - OKI Cyan Toner Cartridge for C7100/C7300/C7500 Series 'Type C4' Original - - -
-
- short_description: -
-
- - Cyan Toner Cartridge for C7100/C7300/C7500 Series 'Type C4' - - -
-
- img_500x500: -
-
- - http://images.icecat.biz/img/gallery_mediums/img_968447_medium_1480985748_8727_5647.jpg - - -
-
- date_released: -
-
- - 2007-08-09T00:00:00Z - - -
-
- supplier: -
-
- - OKI - - -
-
- price: -
-
- - 20395 - - -
- - - -
-
- - - - - - +
+
+ +
+ + + + - <_EuiSplitPanelInner - className="search-relevance-result-panel" - > - -
- -
- -
- -

- Result 2 -

- -
- - -
- -

- 10 - results -

- -
- -
- - + <_EuiSplitPanelInner + className="search-relevance-result-panel" > -
- - - +
-
+ + +
- -
+

+ Result 2 +

+ +
+ + +
+ - -
+ 10 + results + + +
+ +
+ + +
+ + + + - + - - - + + - + - - - - - - - + + - -
+ - -

- 4 -

- -
- - -
- -
- - Not applicable - - - - Not in - - Results - 1 - - - } - size="m" - type="questionInCircle" - > - - Not in - - Results - 1 - - - } - delay="regular" - position="top" + } + > + +
+ - + 3 + + +
+ + +
+ +
- + Not applicable + + + + Not in + + Results + 1 + + + } size="m" - tabIndex={0} type="questionInCircle" > - + Not in + + Results + 1 + + } - tabIndex={0} + delay="regular" + position="top" > - - - - - - -
- -
- -
- - -
+ - - - + + - + - - - + + - + - - - + + - + - - - + + - -
+ - -

- 8 -

- -
- - -
- -
- - Not applicable - - - - Not in - - Results - 1 - - - } - size="m" - type="questionInCircle" - > - - Not in - - Results - 1 - - - } - delay="regular" - position="top" + } + > + +
+ - + 7 + + +
+ + +
+ +
- + Not applicable + + + + Not in + + Results + 1 + + + } size="m" - tabIndex={0} type="questionInCircle" > - + Not in + + Results + 1 + + } - tabIndex={0} + delay="regular" + position="top" > - - - - - - -
- -
- -
- - -
+ - - - + + - + - - - + + - -
+ - -

- 10 -

- -
- - + } + > + +
+ +

+ 9 +

+ +
+ + +
+ +
+ + Not applicable + + + + Not in + + Results + 1 + + + } + size="m" + type="questionInCircle" + > + + Not in + + Results + 1 + + + } + delay="regular" + position="top" + > + + + + + + + + + +
+ +
+ + + + + + + + - + - - -
+ - -

- 1 -

- - - - -
- -
- - Not applicable - - - - Not in - - Results - 1 - - - } - size="m" - type="questionInCircle" - > - - Not in - - Results - 1 - - - } - delay="regular" - position="top" + } + > + +
+ - - + +
+ + +
+ +
+ + Not applicable + + + + Not in + + Results + 1 + + + } size="m" - tabIndex={0} type="questionInCircle" > - + Not in + + Results + 1 + + } - tabIndex={0} + delay="regular" + position="top" > - - - - - - -
- -
- -
- -
-
- -
+ + + + + + + + +
+ + + + + + 		-
- arr: -
-
- - ["el1","el2","el3"] - - -
-
- id: -
-
- - 3920564 - - -
-
- name: -
-
- - 006R90321 - - -
-
- title: -
-
- - Xerox 006R90321 toner cartridge Original Black 6 pc(s) - - -
-
- short_description: -
-
- - Toner (6 Per Box) for CopyCentre C65 Digital Copier - - -
-
- img_500x500: -
-
- - http://images.icecat.biz/img/gallery_mediums/img_3920564_medium_1472618727_1445_7091.jpg - - -
-
- date_released: -
-
- - 2009-12-10T00:00:00Z - - -
-
- supplier: -
-
- - Xerox - - -
-
- price: -
-
- - 4995 - - -
- - - -
- -
-
- -

+
- 2 -

- +
+
+ arr: +
+
+ + ["el1","el2","el3"] + + +
+
+
+
+ id: +
+
+ + 3920564 + + +
+
+
+
+ name: +
+
+ + 006R90321 + + +
+
+
+
+ title: +
+
+ + Xerox 006R90321 toner cartridge Original Black 6 pc(s) + + +
+
+
+
+ short_description: +
+
+ + Toner (6 Per Box) for CopyCentre C65 Digital Copier + + +
+
+
+
+ img_500x500: +
+
+ + http://images.icecat.biz/img/gallery_mediums/img_3920564_medium_1472618727_1445_7091.jpg + + +
+
+
+
+ date_released: +
+
+ + 2009-12-10T00:00:00Z + + +
+
+
+
+ supplier: +
+
+ + Xerox + + +
+
+
+
+ price: +
+
+ + 4995 + + +
+
+ +
- - -
+
+ - -
- - Not applicable - - - - Not in - - Results - 1 - - - } - size="m" - type="questionInCircle" - > - - Not in - - Results - 1 - - - } - delay="regular" - position="top" +
+ +
+ - + 2 + + +
+ + +
+ +
- + Not applicable + + + + Not in + + Results + 1 + + + } size="m" - tabIndex={0} type="questionInCircle" > - + Not in + + Results + 1 + + } - tabIndex={0} + delay="regular" + position="top" > - - - - - - -
- -
- -
- -
-
- -
+ + + + + + + + +
+ + + + + + 		-
- nestObj: -
-
- - {"key1":[1,true,null],"key2":{"key21":"element"}} - - -
-
- id: -
-
- - 2101957 - - -
-
- name: -
-
- - dv7-1211ea - - -
-
- title: -
-
- - HP Pavilion dv7-1211ea Notebook Silver 43.2 cm (17") 1440 x 900 pixels Intel® Core™2 Duo 4 GB DDR2-SDRAM 250 GB HDD NVIDIA® GeForce® 9200M GS Windows Vista Home Premium - - -
-
- short_description: -
-
- - Intel Core 2 Duo Processor P7450 (3M Cache, 2.13 GHz, 1066 MHz FSB), 4GB DDR2, 250GB SATA HDD, 17" WXGA+ HD BrightView 1440 x 900, nVidia GeForce 9200M GS, DVD Super Multi DL, Gigabit Ethernet, WLAN 802.11 b/g, WebCam, Windows Vista Home Premium 32-bit - - -
-
- img_500x500: -
-
- - http://images.icecat.biz/img/gallery_mediums/2101957_8011415648.jpg - - -
-
- date_released: -
-
- - 2008-12-19T00:00:00Z - - -
-
- supplier: -
-
- - HP - - -
-
- price: -
-
- - 10995 - - -
-
- attr_t_product_colour: -
-
+
- Silver - - -
- - - -
- -
- -
- -

- 3 -

- -
- - -
- -
- - Not applicable - - - - Not in - - Results - 1 - - - } - size="m" - type="questionInCircle" - > - - Not in - - Results - 1 - - - } - delay="regular" - position="top" - > - - - - - - - - - -
- -
- -
- - 		-
- -
-
- id: -
-
- - 1128895 - - -
-
- name: -
-
- - DB9 RS232 Serial Null Modem Adapter - M/F - - -
-
- title: -
-
- - StarTech.com DB9 RS232 Serial Null Modem Adapter - M/F - - -
-
- short_description: -
-
- - StarTech.com DB9 RS232 Serial Null Modem Adapter - M/F - - -
-
- img_500x500: -
-
- - http://images.icecat.biz/img/gallery_mediums/1128895_4034494654.jpg - - -
-
- date_released: -
-
- - 2007-08-09T00:00:00Z - - -
-
- supplier: -
-
- - StarTech.com - - -
-
- price: -
-
- - 595 - - -
-
- attr_t_product_colour: -
-
- - Grey - +
+
+ nestObj: +
+
+ + {"key1":[1,true,null],"key2":{"key21":"element"}} + + +
+
+
+
+ id: +
+
+ + 2101957 + + +
+
+
+
+ name: +
+
+ + dv7-1211ea + + +
+
+
+
+ title: +
+
+ + HP Pavilion dv7-1211ea Notebook Silver 43.2 cm (17") 1440 x 900 pixels Intel® Core™2 Duo 4 GB DDR2-SDRAM 250 GB HDD NVIDIA® GeForce® 9200M GS Windows Vista Home Premium + + +
+
+
+
+ short_description: +
+
+ + Intel Core 2 Duo Processor P7450 (3M Cache, 2.13 GHz, 1066 MHz FSB), 4GB DDR2, 250GB SATA HDD, 17" WXGA+ HD BrightView 1440 x 900, nVidia GeForce 9200M GS, DVD Super Multi DL, Gigabit Ethernet, WLAN 802.11 b/g, WebCam, Windows Vista Home Premium 32-bit + + +
+
+
+
+ img_500x500: +
+
+ + http://images.icecat.biz/img/gallery_mediums/2101957_8011415648.jpg + + +
+
+
+
+ date_released: +
+
+ + 2008-12-19T00:00:00Z + + +
+
+
+
+ supplier: +
+
+ + HP + + +
+
+
+
+ price: +
+
+ + 10995 + + +
+
+
+
+ attr_t_product_colour: +
+
+ + Silver + + +
+
+ - - - - -
- -
+
-
- -
+ + + + + + + + +
+ + + + + + 		-
- id: -
-
- - 1449722 - - -
-
- name: -
-
- - ProCurve 420 Wireless Access Point - - -
-
- title: -
-
- - HP ProCurve 420 Wireless Access Point - - -
-
- short_description: -
-
- - Refurbished A FULL-FEATURED IEEE 802.11G SINGLE-RADIO ACCESS POINT IDEALLY - - -
-
- img_500x500: -
-
- - http://images.icecat.biz/img/gallery_mediums/img_1449722_medium_1480997766_6498_5955.jpg - - -
-
- date_released: -
-
- - 2008-03-07T00:00:00Z - - -
-
- supplier: -
-
- - HP - - -
-
- price: -
-
- - 9495 - - -
- - - -
- -
-
- -

+
- 5 -

- +
+
+ id: +
+
+ + 1128895 + + +
+
+
+
+ name: +
+
+ + DB9 RS232 Serial Null Modem Adapter - M/F + + +
+
+
+
+ title: +
+
+ + StarTech.com DB9 RS232 Serial Null Modem Adapter - M/F + + +
+
+
+
+ short_description: +
+
+ + StarTech.com DB9 RS232 Serial Null Modem Adapter - M/F + + +
+
+
+
+ img_500x500: +
+
+ + http://images.icecat.biz/img/gallery_mediums/1128895_4034494654.jpg + + +
+
+
+
+ date_released: +
+
+ + 2007-08-09T00:00:00Z + + +
+
+
+
+ supplier: +
+
+ + StarTech.com + + +
+
+
+
+ price: +
+
+ + 595 + + +
+
+
+
+ attr_t_product_colour: +
+
+ + Grey + + +
+
+ +
- - -
+
+ - -
- - Not applicable - - - - Not in - - Results - 1 - - - } - size="m" - type="questionInCircle" - > - - Not in - - Results - 1 - - - } - delay="regular" - position="top" +
+ +
+ - - + +
+ + +
+ +
+ + Not applicable + + + + Not in + + Results + 1 + + + } size="m" - tabIndex={0} type="questionInCircle" > - + Not in + + Results + 1 + + } - tabIndex={0} + delay="regular" + position="top" > - - - - - - -
- -
- -
- -
-
- -
+ + + + + + + + +
+ + + + + + 		-
- id: -
-
- - 1625640 - - -
-
- name: -
-
- - 2GB SD Card - - -
-
- title: -
-
- - Integral 2GB SD Card memory card - - -
-
- short_description: -
-
- - 2GB SD Card - - -
-
- img_500x500: -
-
- - http://images.icecat.biz/img/gallery_mediums/img_1625640_medium_1480990774_7102_6217.jpg - - -
-
- date_released: -
-
- - 2008-06-23T00:00:00Z - - -
-
- supplier: -
-
- - Integral - - -
-
- price: -
-
- - 1195 - - -
- - - -
- -
-
- -

+
- 6 -

- +
+
+ id: +
+
+ + 1449722 + + +
+
+
+
+ name: +
+
+ + ProCurve 420 Wireless Access Point + + +
+
+
+
+ title: +
+
+ + HP ProCurve 420 Wireless Access Point + + +
+
+
+
+ short_description: +
+
+ + Refurbished A FULL-FEATURED IEEE 802.11G SINGLE-RADIO ACCESS POINT IDEALLY + + +
+
+
+
+ img_500x500: +
+
+ + http://images.icecat.biz/img/gallery_mediums/img_1449722_medium_1480997766_6498_5955.jpg + + +
+
+
+
+ date_released: +
+
+ + 2008-03-07T00:00:00Z + + +
+
+
+
+ supplier: +
+
+ + HP + + +
+
+
+
+ price: +
+
+ + 9495 + + +
+
+ +
- - -
+
+ - -
- - Not applicable - - - - Not in - - Results - 1 - - - } - size="m" - type="questionInCircle" - > - - Not in - - Results - 1 - - - } - delay="regular" - position="top" +
+ +
+ - - + +
+ + +
+ +
+ + Not applicable + + + + Not in + + Results + 1 + + + } size="m" - tabIndex={0} type="questionInCircle" > - + Not in + + Results + 1 + + } - tabIndex={0} + delay="regular" + position="top" > - - - - - - -
- -
- -
- -
-
- -
+ + + + + + + + +
+ + + + + + 		-
- id: -
-
- - 2067378 - - -
-
- name: -
-
- - LC51C - - -
-
- title: -
-
- - Brother LC51C Original Cyan - - -
-
- short_description: -
-
- - LC51C - - -
-
- img_500x500: -
-
- - http://images.icecat.biz/img/gallery_mediums/img_2067378_medium_1481020819_0464_12184.jpg - - -
-
- date_released: -
-
- - 2009-04-08T00:00:00Z - - -
-
- supplier: -
-
- - Brother - - -
-
- price: -
-
- - 1795 - - -
- - - -
- -
-
- -

+
- 7 -

- +
+
+ id: +
+
+ + 1625640 + + +
+
+
+
+ name: +
+
+ + 2GB SD Card + + +
+
+
+
+ title: +
+
+ + Integral 2GB SD Card memory card + + +
+
+
+
+ short_description: +
+
+ + 2GB SD Card + + +
+
+
+
+ img_500x500: +
+
+ + http://images.icecat.biz/img/gallery_mediums/img_1625640_medium_1480990774_7102_6217.jpg + + +
+
+
+
+ date_released: +
+
+ + 2008-06-23T00:00:00Z + + +
+
+
+
+ supplier: +
+
+ + Integral + + +
+
+
+
+ price: +
+
+ + 1195 + + +
+
+ +
- - -
+
+ - -
- - Not applicable - - - - Not in - - Results - 1 - - - } - size="m" - type="questionInCircle" - > - - Not in - - Results - 1 - - - } - delay="regular" - position="top" +
+ +
+ - + 6 + + +
+ + +
+ +
- + Not applicable + + + + Not in + + Results + 1 + + + } size="m" - tabIndex={0} type="questionInCircle" > - + Not in + + Results + 1 + + } - tabIndex={0} + delay="regular" + position="top" > - - - - - - -
- -
- -
- -
-
- -
+ + + + + + + + +
+ + + + + + 		-
- id: -
-
- - 636678 - - -
-
- name: -
-
- - Emergency Power Off (EPO) - - -
-
- title: -
-
- - APC Emergency Power Off (EPO) - - -
-
- short_description: -
-
- - Emergency Power Off (EPO) - - -
-
- img_500x500: -
-
- - http://images.icecat.biz/img/gallery_mediums/img_636678_medium_1480944064_4778_26509.jpg - - -
-
- date_released: -
-
- - 2006-11-15T00:00:00Z - - -
-
- supplier: -
-
- - APC - - -
-
- price: -
-
- - 69195 - - -
-
- attr_t_product_colour: -
-
+
- Black - - -
- - - -
- -
+
+
+ id: +
+
+ + 2067378 + + +
+
+
+
+ name: +
+
+ + LC51C + + +
+
+
+
+ title: +
+
+ + Brother LC51C Original Cyan + + +
+
+
+
+ short_description: +
+
+ + LC51C + + +
+
+
+
+ img_500x500: +
+
+ + http://images.icecat.biz/img/gallery_mediums/img_2067378_medium_1481020819_0464_12184.jpg + + +
+
+
+
+ date_released: +
+
+ + 2009-04-08T00:00:00Z + + +
+
+
+
+ supplier: +
+
+ + Brother + + +
+
+
+
+ price: +
+
+ + 1795 + + +
+
+ + +
+
-
- -
+ + + + + + + + +
+ + + + + + 		-
- id: -
-
- - 1570809 - - -
-
- name: -
-
- - IT Power Distribution Module 3 Pole 5 Wire 32A IEC309 620cm - - -
-
- title: -
-
- - APC IT Power Distribution Module 3 Pole 5 Wire 32A IEC309 620cm power distribution unit (PDU) - - -
-
- short_description: -
-
- - IT Power Distribution Module 3 Pole 5 Wire 32A IEC309 620cm - - -
-
- img_500x500: -
-
- - http://images.icecat.biz/img/gallery_mediums/img_1570809_medium_1480983343_7059_6217.jpg - - -
-
- date_released: -
-
- - 2008-04-11T00:00:00Z - - -
-
- supplier: -
-
- - APC - - -
-
- price: -
-
- - 53895 - - -
- - - -
- -
-
- -

+
- 9 -

- +
+
+ id: +
+
+ + 636678 + + +
+
+
+
+ name: +
+
+ + Emergency Power Off (EPO) + + +
+
+
+
+ title: +
+
+ + APC Emergency Power Off (EPO) + + +
+
+
+
+ short_description: +
+
+ + Emergency Power Off (EPO) + + +
+
+
+
+ img_500x500: +
+
+ + http://images.icecat.biz/img/gallery_mediums/img_636678_medium_1480944064_4778_26509.jpg + + +
+
+
+
+ date_released: +
+
+ + 2006-11-15T00:00:00Z + + +
+
+
+
+ supplier: +
+
+ + APC + + +
+
+
+
+ price: +
+
+ + 69195 + + +
+
+
+
+ attr_t_product_colour: +
+
+ + Black + + +
+
+ +
- - -
+
+ - -
- - Not applicable - - - - Not in - - Results - 1 - - - } - size="m" - type="questionInCircle" - > - - Not in - - Results - 1 - - - } - delay="regular" - position="top" +
+ +
+ - + 8 + + +
+ + +
+ +
- + Not applicable + + + + Not in + + Results + 1 + + + } size="m" - tabIndex={0} type="questionInCircle" > - + Not in + + Results + 1 + + } - tabIndex={0} + delay="regular" + position="top" > - - - - - - -
- -
- -
- -
-
- -
+ + + + + + + + +
+ + + + + + 		-
- id: -
-
- - 148843 - - -
-
- name: -
-
- - Labels Premium A4 64.6x33.8 mm white paper matt 2400 pcs. - - -
-
- title: -
-
- - HERMA Labels Premium A4 64.6x33.8 mm white paper matt 2400 pcs. - - -
-
- short_description: -
-
- - Labels Premium A4 64.6x33.8 mm white paper matt 2400 pcs. - - -
-
- img_500x500: -
-
- - http://images.icecat.biz/img/gallery_mediums/148843_2449.jpg - - -
-
- date_released: -
-
- - 2005-07-15T00:00:00Z - - -
-
- supplier: -
-
- - HERMA - - -
-
- price: -
-
- - 3795 - - -
-
- attr_t_product_colour: -
-
+
- White - +
+
+
+ id: +
+
+ + 1570809 + + +
+
+
+
+ name: +
+
+ + IT Power Distribution Module 3 Pole 5 Wire 32A IEC309 620cm + + +
+
+
+
+ title: +
+
+ + APC IT Power Distribution Module 3 Pole 5 Wire 32A IEC309 620cm power distribution unit (PDU) + + +
+
+
+
+ short_description: +
+
+ + IT Power Distribution Module 3 Pole 5 Wire 32A IEC309 620cm + + +
+
+
+
+ img_500x500: +
+
+ + http://images.icecat.biz/img/gallery_mediums/img_1570809_medium_1480983343_7059_6217.jpg + + +
+
+
+
+ date_released: +
+
+ + 2008-04-11T00:00:00Z + + +
+
+
+
+ supplier: +
+
+ + APC + + +
+
+
+
+ price: +
+
+ + 53895 + + +
+
+
-
- - - -
- -
+
- -
+
- - Not applicable - - - - Not in - - Results - 1 - - - } - size="m" - type="questionInCircle" - > - - Not in - - Results - 1 - - - } - delay="regular" - position="top" +
+
+ id: +
+
+ + 148843 + + +
+
+
+
+ name: +
+
+ + Labels Premium A4 64.6x33.8 mm white paper matt 2400 pcs. + + +
+
+
+
+ title: +
+
+ + HERMA Labels Premium A4 64.6x33.8 mm white paper matt 2400 pcs. + + +
+
+
+
+ short_description: +
+
+ + Labels Premium A4 64.6x33.8 mm white paper matt 2400 pcs. + + +
+
+
+
+ img_500x500: +
+
+ + http://images.icecat.biz/img/gallery_mediums/148843_2449.jpg + + +
+
+
+
+ date_released: +
+
+ + 2005-07-15T00:00:00Z + + +
+
+
+
+ supplier: +
+
+ + HERMA + + +
+
+
+
+ price: +
+
+ + 3795 + + +
+
+
+
+ attr_t_product_colour: +
+
+ + White + + +
+
+
+ +
+
+ +
+ +
+ - - + +
+ + +
+ +
+ + Not applicable + + + + Not in + + Results + 1 + + + } size="m" - tabIndex={0} type="questionInCircle" > - + Not in + + Results + 1 + + } - tabIndex={0} + delay="regular" + position="top" > - - - - - - -
- -
- -
- - 		-
- -
+ + + + + + + + +
+ + + + + + 		-
- id: -
-
- - 968447 - - -
-
- name: -
-
- - Cyan Toner Cartridge for C7100/C7300/C7500 Series 'Type C4' - - -
-
- title: -
-
- - OKI Cyan Toner Cartridge for C7100/C7300/C7500 Series 'Type C4' Original - - -
-
- short_description: -
-
- - Cyan Toner Cartridge for C7100/C7300/C7500 Series 'Type C4' - - -
-
- img_500x500: -
-
- - http://images.icecat.biz/img/gallery_mediums/img_968447_medium_1480985748_8727_5647.jpg - - -
-
- date_released: -
-
- - 2007-08-09T00:00:00Z - - -
-
- supplier: -
-
- - OKI - - -
-
- price: -
-
+
- 20395 - +
+
+
+ id: +
+
+ + 968447 + + +
+
+
+
+ name: +
+
+ + Cyan Toner Cartridge for C7100/C7300/C7500 Series 'Type C4' + + +
+
+
+
+ title: +
+
+ + OKI Cyan Toner Cartridge for C7100/C7300/C7500 Series 'Type C4' Original + + +
+
+
+
+ short_description: +
+
+ + Cyan Toner Cartridge for C7100/C7300/C7500 Series 'Type C4' + + +
+
+
+
+ img_500x500: +
+
+ + http://images.icecat.biz/img/gallery_mediums/img_968447_medium_1480985748_8727_5647.jpg + + +
+
+
+
+ date_released: +
+
+ + 2007-08-09T00:00:00Z + + +
+
+
+
+ supplier: +
+
+ + OKI + + +
+
+
+
+ price: +
+
+ + 20395 + + +
+
+
-
- - - -
-
- - - - - - - - - - - + +
+
+ +
+ + + +
+ + + + + + + + `; diff --git a/public/components/query_compare/search_result/result_components/__test__/__snapshots__/result_grid.test.tsx.snap b/public/components/query_compare/search_result/result_components/__test__/__snapshots__/result_grid.test.tsx.snap index b8e073d..80b6ff2 100644 --- a/public/components/query_compare/search_result/result_components/__test__/__snapshots__/result_grid.test.tsx.snap +++ b/public/components/query_compare/search_result/result_components/__test__/__snapshots__/result_grid.test.tsx.snap @@ -1,2816 +1,3338 @@ // Jest Snapshot v1, https://goo.gl/fbAQLP exports[`Result grid component Renders result grid component 1`] = ` - - + + + + -
- - - +
-
- -
+ - -

- 1 -

- -
- - -
- -
- + +
- - - - - - Up - 1 - -
- -
- -
- - - - - - - + - - - - - - - + + - -
+ - -

- 4 -

- -
- - -
- -
- + +
- - - - - - Up - 96 - -
- -
- -
- - - - - - + + + + - + - - - + + - -
+ - -

- 6 -

- -
- - + } + > + +
+ +

+ 4 +

+ +
+ + +
+ +
+ + + + + + + Up + 96 + +
+ +
+ + + + + + + + - + - - - + + - + - - - + + + - + - - - + + + - + - - - + + + + + + + - + - - -
- -
+
-
- -
-
- arr: -
-
- - ["el1","el2","el3"] - - -
-
- id: -
-
- - 3920564 - - -
-
- name: -
-
- - 006R90321 - - -
-
- title: -
-
- - Xerox 006R90321 toner cartridge Original Black 6 pc(s) - - -
-
- short_description: -
-
- - Toner (6 Per Box) for CopyCentre C65 Digital Copier - - -
-
- img_500x500: -
-
- - http://images.icecat.biz/img/gallery_mediums/img_3920564_medium_1472618727_1445_7091.jpg - - -
-
- date_released: -
-
- - 2009-12-10T00:00:00Z - - -
-
- supplier: -
-
- - Xerox - - -
-
- price: -
-
- - 4995 - - -
-
- -
-
- -
- -
- -

- 2 -

- -
- - -
- -
- + +
+ + +
- - +
- - - - Down - 1 - -
- -
- -
- -
-
- -
+ + + + + + Up + 1 + +
+ + + + + + 		-
- nestObj: -
-
- - {"key1":[1,true,null],"key2":{"key21":"element"}} - - -
-
- id: -
-
- - 2101957 - - -
-
- name: -
-
- - dv7-1211ea - - -
-
- title: -
-
- - HP Pavilion dv7-1211ea Notebook Silver 43.2 cm (17") 1440 x 900 pixels Intel® Core™2 Duo 4 GB DDR2-SDRAM 250 GB HDD NVIDIA® GeForce® 9200M GS Windows Vista Home Premium - - -
-
- short_description: -
-
- - Intel Core 2 Duo Processor P7450 (3M Cache, 2.13 GHz, 1066 MHz FSB), 4GB DDR2, 250GB SATA HDD, 17" WXGA+ HD BrightView 1440 x 900, nVidia GeForce 9200M GS, DVD Super Multi DL, Gigabit Ethernet, WLAN 802.11 b/g, WebCam, Windows Vista Home Premium 32-bit - - -
-
- img_500x500: -
-
- - http://images.icecat.biz/img/gallery_mediums/2101957_8011415648.jpg - - -
-
- date_released: -
-
- - 2008-12-19T00:00:00Z - - -
-
- supplier: -
-
- - HP - - -
-
- price: -
-
- - 10995 - - -
-
- attr_t_product_colour: -
-
- - Silver - - -
- - - -
- -
-
- -

- 3 -

- -
- - -
- -
+
- - - - - - - Up - 7 - -
- -
- -
- - 		-
- -
-
- id: -
-
- - 1128895 - - -
-
- name: -
-
- - DB9 RS232 Serial Null Modem Adapter - M/F - - -
-
- title: -
-
- - StarTech.com DB9 RS232 Serial Null Modem Adapter - M/F - - -
-
- short_description: -
-
- - StarTech.com DB9 RS232 Serial Null Modem Adapter - M/F - - -
-
- img_500x500: -
-
- - http://images.icecat.biz/img/gallery_mediums/1128895_4034494654.jpg - - -
-
- date_released: -
-
- - 2007-08-09T00:00:00Z - - -
-
- supplier: -
-
- - StarTech.com - - -
-
- price: -
-
- - 595 - - -
-
- attr_t_product_colour: -
-
- - Grey - +
+ arr: +
+
+ + ["el1","el2","el3"] + + +
+
+
+
+ id: +
+
+ + 3920564 + + +
+
+
+
+ name: +
+
+ + 006R90321 + + +
+
+
+
+ title: +
+
+ + Xerox 006R90321 toner cartridge Original Black 6 pc(s) + + +
+
+
+
+ short_description: +
+
+ + Toner (6 Per Box) for CopyCentre C65 Digital Copier + + +
+
+
+
+ img_500x500: +
+
+ + http://images.icecat.biz/img/gallery_mediums/img_3920564_medium_1472618727_1445_7091.jpg + + +
+
+
+
+ date_released: +
+
+ + 2009-12-10T00:00:00Z + + +
+
+
+
+ supplier: +
+
+ + Xerox + + +
+
+
+
+ price: +
+
+ + 4995 + + +
+
+ - - - - -
- -
+
-
- -
-
- id: -
-
- - 1449722 - - -
-
- name: -
-
- - ProCurve 420 Wireless Access Point - - -
-
- title: -
-
- - HP ProCurve 420 Wireless Access Point - - -
-
- short_description: -
-
- - Refurbished A FULL-FEATURED IEEE 802.11G SINGLE-RADIO ACCESS POINT IDEALLY - - -
-
- img_500x500: -
-
- - http://images.icecat.biz/img/gallery_mediums/img_1449722_medium_1480997766_6498_5955.jpg - - -
-
- date_released: -
-
- - 2008-03-07T00:00:00Z - - -
-
- supplier: -
-
- - HP - - -
-
- price: -
-
- - 9495 - - -
-
- -
-
- -
- -
- -

- 5 -

- -
- - + 2 + + +
+ + +
+ +
+ + + + + + + Down + 1 + +
+ +
+ + + +
- -
+
- - Not applicable - - - + nestObj: + +
- Not in - - Results - 2 - + {"key1":[1,true,null],"key2":{"key21":"element"}} + - } - size="m" - type="questionInCircle" - > - - Not in - - Results - 2 - - - } - delay="regular" - position="top" +
+
+
+
+ id: +
+
+ + 2101957 + + +
+
+
+
+ name: +
+
+ + dv7-1211ea + + +
+
+
+
+ title: +
+
+ + HP Pavilion dv7-1211ea Notebook Silver 43.2 cm (17") 1440 x 900 pixels Intel® Core™2 Duo 4 GB DDR2-SDRAM 250 GB HDD NVIDIA® GeForce® 9200M GS Windows Vista Home Premium + + +
+
+
+
+ short_description: +
+
+ + Intel Core 2 Duo Processor P7450 (3M Cache, 2.13 GHz, 1066 MHz FSB), 4GB DDR2, 250GB SATA HDD, 17" WXGA+ HD BrightView 1440 x 900, nVidia GeForce 9200M GS, DVD Super Multi DL, Gigabit Ethernet, WLAN 802.11 b/g, WebCam, Windows Vista Home Premium 32-bit + + +
+
+
+
+ img_500x500: +
+
+ + http://images.icecat.biz/img/gallery_mediums/2101957_8011415648.jpg + + +
+
+
+
+ date_released: +
+
+ + 2008-12-19T00:00:00Z + + +
+
+
+
+ supplier: +
+
+ + HP + + +
+
+
+
+ price: +
+
+ + 10995 + + +
+
+
+
+ attr_t_product_colour: +
+
+ + Silver + + +
+
+ + +
+
+ +
+ +
+ - - - + +
+ + +
+ +
+ + - - - - - - -
- -
- -
- - 		-
- -
+ + + + Up + 7 + +
+ + + + + + 		-
- id: -
-
- - 1625640 - - -
-
- name: -
-
- - 2GB SD Card - - -
-
- title: -
-
- - Integral 2GB SD Card memory card - - -
-
- short_description: -
-
- - 2GB SD Card - - -
-
- img_500x500: -
-
- - http://images.icecat.biz/img/gallery_mediums/img_1625640_medium_1480990774_7102_6217.jpg - - -
-
- date_released: -
-
- - 2008-06-23T00:00:00Z - - -
-
- supplier: -
-
- - Integral - - -
-
- price: -
-
+
- 1195 - +
+
+
+ id: +
+
+ + 1128895 + + +
+
+
+
+ name: +
+
+ + DB9 RS232 Serial Null Modem Adapter - M/F + + +
+
+
+
+ title: +
+
+ + StarTech.com DB9 RS232 Serial Null Modem Adapter - M/F + + +
+
+
+
+ short_description: +
+
+ + StarTech.com DB9 RS232 Serial Null Modem Adapter - M/F + + +
+
+
+
+ img_500x500: +
+
+ + http://images.icecat.biz/img/gallery_mediums/1128895_4034494654.jpg + + +
+
+
+
+ date_released: +
+
+ + 2007-08-09T00:00:00Z + + +
+
+
+
+ supplier: +
+
+ + StarTech.com + + +
+
+
+
+ price: +
+
+ + 595 + + +
+
+
+
+ attr_t_product_colour: +
+
+ + Grey + + +
+
+
-
- - - -
- -
+
- -
+
- - Not applicable - - - + id: + +
- Not in - - Results - 2 - + 1449722 + - } - size="m" - type="questionInCircle" - > - - Not in - - Results - 2 - - - } - delay="regular" - position="top" +
+
+
+
+ name: +
+
+ + ProCurve 420 Wireless Access Point + + +
+
+
+
+ title: +
+
+ + HP ProCurve 420 Wireless Access Point + + +
+
+
+
+ short_description: +
+
+ + Refurbished A FULL-FEATURED IEEE 802.11G SINGLE-RADIO ACCESS POINT IDEALLY + + +
+
+
+
+ img_500x500: +
+
+ + http://images.icecat.biz/img/gallery_mediums/img_1449722_medium_1480997766_6498_5955.jpg + + +
+
+
+
+ date_released: +
+
+ + 2008-03-07T00:00:00Z + + +
+
+
+
+ supplier: +
+
+ + HP + + +
+
+
+
+ price: +
+
+ + 9495 + + +
+
+ + +
+
+ +
+ +
+ - + 5 + + +
+ + +
+ +
- + Not applicable + + + + Not in + + Results + 2 + + + } size="m" - tabIndex={0} type="questionInCircle" > - + Not in + + Results + 2 + + } - tabIndex={0} + delay="regular" + position="top" > - - - - - - -
- -
- -
- - 		-
- -
+ + + + + + + + +
+ + + + + + 		-
- id: -
-
- - 2067378 - - -
-
- name: -
-
- - LC51C - - -
-
- title: -
-
- - Brother LC51C Original Cyan - - -
-
- short_description: -
-
- - LC51C - - -
-
- img_500x500: -
-
- - http://images.icecat.biz/img/gallery_mediums/img_2067378_medium_1481020819_0464_12184.jpg - - -
-
- date_released: -
-
- - 2009-04-08T00:00:00Z - - -
-
- supplier: -
-
- - Brother - - -
-
- price: -
-
- - 1795 - - -
- - - -
- -
-
- -

+
- 7 -

- +
+
+ id: +
+
+ + 1625640 + + +
+
+
+
+ name: +
+
+ + 2GB SD Card + + +
+
+
+
+ title: +
+
+ + Integral 2GB SD Card memory card + + +
+
+
+
+ short_description: +
+
+ + 2GB SD Card + + +
+
+
+
+ img_500x500: +
+
+ + http://images.icecat.biz/img/gallery_mediums/img_1625640_medium_1480990774_7102_6217.jpg + + +
+
+
+
+ date_released: +
+
+ + 2008-06-23T00:00:00Z + + +
+
+
+
+ supplier: +
+
+ + Integral + + +
+
+
+
+ price: +
+
+ + 1195 + + +
+
+ +
- - -
- -
- +
+ +
+ +
- Not applicable - - - - Not in - - Results - 2 - - - } - size="m" - type="questionInCircle" - > - - Not in - - Results - 2 - - - } - delay="regular" - position="top" + - + 6 + + +
+ + +
+ +
- + Not applicable + + + + Not in + + Results + 2 + + + } size="m" - tabIndex={0} type="questionInCircle" > - + Not in + + Results + 2 + + } - tabIndex={0} + delay="regular" + position="top" > - - - - - - -
- -
- -
- - 		-
- -
+ + + + + + + + +
+ + + + + + 		-
- id: -
-
- - 636678 - - -
-
- name: -
-
- - Emergency Power Off (EPO) - - -
-
- title: -
-
- - APC Emergency Power Off (EPO) - - -
-
- short_description: -
-
- - Emergency Power Off (EPO) - - -
-
- img_500x500: -
-
- - http://images.icecat.biz/img/gallery_mediums/img_636678_medium_1480944064_4778_26509.jpg - - -
-
- date_released: -
-
- - 2006-11-15T00:00:00Z - - -
-
- supplier: -
-
- - APC - - -
-
- price: -
-
- - 69195 - - -
-
- attr_t_product_colour: -
-
- - Black - - -
- - - -
- -
- -
- -

- 8 -

- -
- -
- -
+
- - Not applicable - - - + id: + +
- Not in - - Results - 2 - + 2067378 + - } - size="m" - type="questionInCircle" - > - - Not in - - Results - 2 - - - } - delay="regular" - position="top" +
+
+
+
+ name: +
+
+ + LC51C + + +
+
+
+
+ title: +
+
+ + Brother LC51C Original Cyan + + +
+
+
+
+ short_description: +
+
+ + LC51C + + +
+
+
+
+ img_500x500: +
+
+ + http://images.icecat.biz/img/gallery_mediums/img_2067378_medium_1481020819_0464_12184.jpg + + +
+
+
+
+ date_released: +
+
+ + 2009-04-08T00:00:00Z + + +
+
+
+
+ supplier: +
+
+ + Brother + + +
+
+
+
+ price: +
+
+ + 1795 + + +
+
+ + +
+
+ +
+ +
+ - + 7 + + +
+ + +
+ +
- + Not applicable + + + + Not in + + Results + 2 + + + } size="m" - tabIndex={0} type="questionInCircle" > - + Not in + + Results + 2 + + } - tabIndex={0} + delay="regular" + position="top" > - - - - - - -
- -
- -
- - 		-
- -
+ + + + + + + + +
+ + + + + + 		-
- id: -
-
- - 1570809 - - -
-
- name: -
-
- - IT Power Distribution Module 3 Pole 5 Wire 32A IEC309 620cm - - -
-
- title: -
-
- - APC IT Power Distribution Module 3 Pole 5 Wire 32A IEC309 620cm power distribution unit (PDU) - - -
-
- short_description: -
-
- - IT Power Distribution Module 3 Pole 5 Wire 32A IEC309 620cm - - -
-
- img_500x500: -
-
- - http://images.icecat.biz/img/gallery_mediums/img_1570809_medium_1480983343_7059_6217.jpg - - -
-
- date_released: -
-
- - 2008-04-11T00:00:00Z - - -
-
- supplier: -
-
- - APC - - -
-
- price: -
-
- - 53895 - - -
- - - -
- -
- -
- -

- 9 -

- -
- -
- -
+
- - Not applicable - - - + id: + +
- Not in - - Results - 2 - + 636678 + - } - size="m" - type="questionInCircle" - > - - Not in - - Results - 2 - - - } - delay="regular" - position="top" +
+
+
+
+ name: +
+
+ + Emergency Power Off (EPO) + + +
+
+
+
+ title: +
+
+ + APC Emergency Power Off (EPO) + + +
+
+
+
+ short_description: +
+
+ + Emergency Power Off (EPO) + + +
+
+
+
+ img_500x500: +
+
+ + http://images.icecat.biz/img/gallery_mediums/img_636678_medium_1480944064_4778_26509.jpg + + +
+
+
+
+ date_released: +
+
+ + 2006-11-15T00:00:00Z + + +
+
+
+
+ supplier: +
+
+ + APC + + +
+
+
+
+ price: +
+
+ + 69195 + + +
+
+
+
+ attr_t_product_colour: +
+
+ + Black + + +
+
+ + +
+
+ +
+ +
+ - - + +
+ + +
+ +
+ + Not applicable + + + + Not in + + Results + 2 + + + } size="m" - tabIndex={0} type="questionInCircle" > - + Not in + + Results + 2 + + } - tabIndex={0} + delay="regular" + position="top" > - - - - - - -
- -
- -
- - 		-
- -
+ + + + + + + + +
+ + + + + + 		-
- id: -
-
- - 148843 - - -
-
- name: -
-
- - Labels Premium A4 64.6x33.8 mm white paper matt 2400 pcs. - - -
-
- title: -
-
- - HERMA Labels Premium A4 64.6x33.8 mm white paper matt 2400 pcs. - - -
-
- short_description: -
-
- - Labels Premium A4 64.6x33.8 mm white paper matt 2400 pcs. - - -
-
- img_500x500: -
-
- - http://images.icecat.biz/img/gallery_mediums/148843_2449.jpg - - -
-
- date_released: -
-
- - 2005-07-15T00:00:00Z - - -
-
- supplier: -
-
- - HERMA - - -
-
- price: -
-
- - 3795 - - -
-
- attr_t_product_colour: -
-
- - White - - -
- - - -
- -
-
- -

+
- 10 -

- +
+
+ id: +
+
+ + 1570809 + + +
+
+
+
+ name: +
+
+ + IT Power Distribution Module 3 Pole 5 Wire 32A IEC309 620cm + + +
+
+
+
+ title: +
+
+ + APC IT Power Distribution Module 3 Pole 5 Wire 32A IEC309 620cm power distribution unit (PDU) + + +
+
+
+
+ short_description: +
+
+ + IT Power Distribution Module 3 Pole 5 Wire 32A IEC309 620cm + + +
+
+
+
+ img_500x500: +
+
+ + http://images.icecat.biz/img/gallery_mediums/img_1570809_medium_1480983343_7059_6217.jpg + + +
+
+
+
+ date_released: +
+
+ + 2008-04-11T00:00:00Z + + +
+
+
+
+ supplier: +
+
+ + APC + + +
+
+
+
+ price: +
+
+ + 53895 + + +
+
+ +
- - +
+ +
+ +
+ +

+ 9 +

+ +
+ + +
+ +
+ + Not applicable + + + + Not in + + Results + 2 + + + } + size="m" + type="questionInCircle" + > + + Not in + + Results + 2 + + + } + delay="regular" + position="top" + > + + + + + + + + + +
+ +
+ +
+ +
- -
+
- - Not applicable - - - + id: + +
- Not in - - Results - 2 - + 148843 + - } - size="m" - type="questionInCircle" - > - - Not in - - Results - 2 - - - } - delay="regular" - position="top" +
+
+
+
+ name: +
+
+ + Labels Premium A4 64.6x33.8 mm white paper matt 2400 pcs. + + +
+
+
+
+ title: +
+
+ + HERMA Labels Premium A4 64.6x33.8 mm white paper matt 2400 pcs. + + +
+
+
+
+ short_description: +
+
+ + Labels Premium A4 64.6x33.8 mm white paper matt 2400 pcs. + + +
+
+
+
+ img_500x500: +
+
+ + http://images.icecat.biz/img/gallery_mediums/148843_2449.jpg + + +
+
+
+
+ date_released: +
+
+ + 2005-07-15T00:00:00Z + + +
+
+
+
+ supplier: +
+
+ + HERMA + + +
+
+
+
+ price: +
+
+ + 3795 + + +
+
+
+
+ attr_t_product_colour: +
+
+ + White + + +
+
+ + +
+
+ +
+ +
+ - + 10 + + +
+ + +
+ +
- + Not applicable + + + + Not in + + Results + 2 + + + } size="m" - tabIndex={0} type="questionInCircle" > - + Not in + + Results + 2 + + } - tabIndex={0} + delay="regular" + position="top" > - - - - - - -
- -
- -
- - 		-
- -
+ + + + + + + + +
+ + + + + + 		-
- id: -
-
- - 968447 - - -
-
- name: -
-
- - Cyan Toner Cartridge for C7100/C7300/C7500 Series 'Type C4' - - -
-
- title: -
-
- - OKI Cyan Toner Cartridge for C7100/C7300/C7500 Series 'Type C4' Original - - -
-
- short_description: -
-
- - Cyan Toner Cartridge for C7100/C7300/C7500 Series 'Type C4' - - -
-
- img_500x500: -
-
- - http://images.icecat.biz/img/gallery_mediums/img_968447_medium_1480985748_8727_5647.jpg - - -
-
- date_released: -
-
- - 2007-08-09T00:00:00Z - - -
-
- supplier: -
-
- - OKI - - -
-
- price: -
-
+
- 20395 - +
+
+
+ id: +
+
+ + 968447 + + +
+
+
+
+ name: +
+
+ + Cyan Toner Cartridge for C7100/C7300/C7500 Series 'Type C4' + + +
+
+
+
+ title: +
+
+ + OKI Cyan Toner Cartridge for C7100/C7300/C7500 Series 'Type C4' Original + + +
+
+
+
+ short_description: +
+
+ + Cyan Toner Cartridge for C7100/C7300/C7500 Series 'Type C4' + + +
+
+
+
+ img_500x500: +
+
+ + http://images.icecat.biz/img/gallery_mediums/img_968447_medium_1480985748_8727_5647.jpg + + +
+
+
+
+ date_released: +
+
+ + 2007-08-09T00:00:00Z + + +
+
+
+
+ supplier: +
+
+ + OKI + + +
+
+
+
+ price: +
+
+ + 20395 + + +
+
+
-
- - - -
-
- - +
+ + + + + + + + + + `; exports[`Result panel query error Displays error message on query error 1`] = ` - - + + + + - <_EuiSplitPanelInner - className="search-relevance-result-panel" - > - -
- -
- -
- -

- Result 1 -

- -
- - -
- -

- 10 - results -

- -
- -
- - - -
- -
-
- Query - Error + +
+ +

+ Result 1 +

+ +
+ + +
+ +

+ 10 + results +

+ +
+
- -
- - -
- -
+ + - Error: parsing_exception - Unknown key for a VALUE_STRING in [this]. -
- -
- - -
- -
+ + - Status Code: - 400 -
- +
+ +
+ Query + Error +
+ +
+ + +
+ +
+ Error: parsing_exception - Unknown key for a VALUE_STRING in [this]. +
+ +
+ + +
+ +
+ Status Code: + 400 +
+ +
+ +
- - -
- - - - + + + + + + + `; diff --git a/public/components/query_compare/search_result/result_components/__test__/result_component.test.tsx b/public/components/query_compare/search_result/result_components/__test__/result_component.test.tsx index 148c91a..e2441f6 100644 --- a/public/components/query_compare/search_result/result_components/__test__/result_component.test.tsx +++ b/public/components/query_compare/search_result/result_components/__test__/result_component.test.tsx @@ -11,19 +11,22 @@ import { ResultComponents } from '../result_components'; import { TEST_QUERY_RESPONSE } from '../../../../../../test/constants'; import { SearchRelevanceContextProvider } from '../../../../../contexts'; import { initialQueryErrorState } from '../../../../../../public/types/index'; +import { I18nProvider } from '@osd/i18n/react'; describe('Result component', () => { configure({ adapter: new Adapter() }); it('Renders result component', async () => { const wrapper = mount( - - - + + + + + ); wrapper.update(); diff --git a/public/components/query_compare/search_result/result_components/__test__/result_grid.test.tsx b/public/components/query_compare/search_result/result_components/__test__/result_grid.test.tsx index 86008af..4ba6baf 100644 --- a/public/components/query_compare/search_result/result_components/__test__/result_grid.test.tsx +++ b/public/components/query_compare/search_result/result_components/__test__/result_grid.test.tsx @@ -15,18 +15,21 @@ import { } from '../../../../../../test/constants'; import { SearchRelevanceContextProvider } from '../../../../../contexts'; import { ResultPanel } from '../result_panel'; +import { I18nProvider } from '@osd/i18n/react'; describe('Result grid component', () => { configure({ adapter: new Adapter() }); it('Renders result grid component', async () => { const wrapper = mount( - - - + + + + + ); wrapper.update(); @@ -41,13 +44,15 @@ describe('Result panel query error', () => { configure({ adapter: new Adapter() }); it('Displays error message on query error', async () => { const wrapper = mount( - - - + + + + + ); wrapper.update(); diff --git a/public/components/query_compare/search_result/result_components/result_grid.tsx b/public/components/query_compare/search_result/result_components/result_grid.tsx index 5aef24d..fdc6370 100644 --- a/public/components/query_compare/search_result/result_components/result_grid.tsx +++ b/public/components/query_compare/search_result/result_components/result_grid.tsx @@ -51,12 +51,12 @@ export const ResultGridComponent = ({
{_.toPairs(doc).map((entry: string[]) => { return ( - <> +
{`${entry[0]}:`}
{_.isObject(entry[1]) ? JSON.stringify(entry[1]) : entry[1]}
- +
); })}
diff --git a/public/components/query_compare/search_result/search_components/__tests__/__snapshots__/search_bar.test.tsx.snap b/public/components/query_compare/search_result/search_components/__tests__/__snapshots__/search_bar.test.tsx.snap index 1554d71..29c156b 100644 --- a/public/components/query_compare/search_result/search_components/__tests__/__snapshots__/search_bar.test.tsx.snap +++ b/public/components/query_compare/search_result/search_components/__tests__/__snapshots__/search_bar.test.tsx.snap @@ -1,227 +1,318 @@ // Jest Snapshot v1, https://goo.gl/fbAQLP exports[`Search bar component Renders search bar component 1`] = ` - - + -
- - -
- + -
- + + +
-
- - -
+ +
- - -
- - -
- - + - - - -
- -
- - + + + + Search + + + + + + +
+ + + + + + + `; diff --git a/public/components/query_compare/search_result/search_components/__tests__/__snapshots__/search_config.test.tsx.snap b/public/components/query_compare/search_result/search_components/__tests__/__snapshots__/search_config.test.tsx.snap index 36d1e46..51be963 100644 --- a/public/components/query_compare/search_result/search_components/__tests__/__snapshots__/search_config.test.tsx.snap +++ b/public/components/query_compare/search_result/search_components/__tests__/__snapshots__/search_config.test.tsx.snap @@ -1,462 +1,551 @@ // Jest Snapshot v1, https://goo.gl/fbAQLP exports[`Flyout component Renders flyout component 1`] = ` - - + - -

+ + - Query - 1 -

- - -
- - -
-
- - - -
-
- - + Query + 1 + + + +
+ + +
-
- - - - + Index + + +
+
+ +
- - + + + - - - + + + + +
+ +
- -
+ +
- - -
-
- - - Enter a query in - - - OpenSearch Query DSL - - . Use %SearchText% to refer to the text in the search bar -

- } - isInvalid={false} - label="Query" - labelAppend={ - - - Help - - - } - labelType="label" - > -
-
- + + + Enter a query in + + + OpenSearch Query DSL + + . Use %SearchText% to refer to the text in the search bar +

+ } isInvalid={false} - type="label" - > - - - - -
- - - -
- -
-
- + } - showPrintMargin={false} - tabSize={2} - theme="textmate" - value="{}" - width="100%" + labelType="label" >
- - + + +
+ +
+
-
- -
- - -
-

- Enter a query in - - - OpenSearch Query DSL - - . Use %SearchText% to refer to the text in the search bar -

+
+ + +
+ +
+ + +
+

+ Enter a query in + + + OpenSearch Query DSL + + . Use %SearchText% to refer to the text in the search bar +

+
+ +
- -
-
- - - + + + + + + `; diff --git a/public/components/query_compare/search_result/search_components/__tests__/__snapshots__/search_configs.test.tsx.snap b/public/components/query_compare/search_result/search_components/__tests__/__snapshots__/search_configs.test.tsx.snap index 163ffbb..714ee21 100644 --- a/public/components/query_compare/search_result/search_components/__tests__/__snapshots__/search_configs.test.tsx.snap +++ b/public/components/query_compare/search_result/search_components/__tests__/__snapshots__/search_configs.test.tsx.snap @@ -1,981 +1,1070 @@ // Jest Snapshot v1, https://goo.gl/fbAQLP exports[`Flyout component Renders flyout component 1`] = ` - - + - -
- -
+ + + - -
- +
- -

- Query - 1 -

- - -
- -
-
- - - -
-
- - + Query + 1 + + + +
+ + +
-
- - - - + Index + + +
+
+ +
- - + + + - - - + + + + +
+ +
- -
+ +
- - -
-
- - - Enter a query in - - - OpenSearch Query DSL - - . Use %SearchText% to refer to the text in the search bar -

- } - isInvalid={false} - label="Query" - labelAppend={ - - - Help - - - } - labelType="label" - > -
-
- + + + Enter a query in + + + OpenSearch Query DSL + + . Use %SearchText% to refer to the text in the search bar +

+ } isInvalid={false} - type="label" - > - - - - -
- - - -
- -
-
- + } - showPrintMargin={false} - tabSize={2} - theme="textmate" - value="{}" - width="100%" + labelType="label" >
- - + + +
+ +
+
-
- -
- - -
-

- Enter a query in - - - OpenSearch Query DSL - - . Use %SearchText% to refer to the text in the search bar -

+
+ + +
+ +
+ + +
+

+ Enter a query in + + + OpenSearch Query DSL + + . Use %SearchText% to refer to the text in the search bar +

+
+ +
- -
+ +
- - -
- - -
- - -

- Query - 2 -

- - -
- - +
-
- - - -
-
- - + Query + 2 + + + +
+ + +
-
- - - - + Index + + +
+
+ +
- - + + + - - - + + + + +
+ +
- -
+ +
- - -
-
- - - Enter a query in - - - OpenSearch Query DSL - - . Use %SearchText% to refer to the text in the search bar -

- } - isInvalid={false} - label="Query" - labelAppend={ - - - Help - - - } - labelType="label" - > -
-
- + + + Enter a query in + + + OpenSearch Query DSL + + . Use %SearchText% to refer to the text in the search bar +

+ } isInvalid={false} - type="label" - > - - - - -
- - - -
- -
-
- + } - showPrintMargin={false} - tabSize={2} - theme="textmate" - value="{}" - width="100%" + labelType="label" >
- - + + +
+ +
+
-
- -
- - -
-

- Enter a query in - - - OpenSearch Query DSL - - . Use %SearchText% to refer to the text in the search bar -

+
+ + +
+ +
+ + +
+

+ Enter a query in + + + OpenSearch Query DSL + + . Use %SearchText% to refer to the text in the search bar +

+
+ +
- -
+ +
- - -
- -
- -
- - - + +
+ +
+ + + + + + `; diff --git a/public/components/query_compare/search_result/search_components/__tests__/search_bar.test.tsx b/public/components/query_compare/search_result/search_components/__tests__/search_bar.test.tsx index c75477d..4f8af1c 100644 --- a/public/components/query_compare/search_result/search_components/__tests__/search_bar.test.tsx +++ b/public/components/query_compare/search_result/search_components/__tests__/search_bar.test.tsx @@ -9,17 +9,20 @@ import React from 'react'; import { waitFor } from '@testing-library/react'; import { SearchInputBar } from '../search_bar'; import { TEST_SEARCH_TEXT } from '../../../../../../test/constants'; +import { I18nProvider } from '@osd/i18n/react'; describe('Search bar component', () => { configure({ adapter: new Adapter() }); it('Renders search bar component', async () => { const wrapper = mount( - {}} - onClickSearch={() => {}} - /> + + {}} + onClickSearch={() => {}} + /> + ); wrapper.update(); diff --git a/public/components/query_compare/search_result/search_components/__tests__/search_config.test.tsx b/public/components/query_compare/search_result/search_components/__tests__/search_config.test.tsx index 5b2bd79..033107f 100644 --- a/public/components/query_compare/search_result/search_components/__tests__/search_config.test.tsx +++ b/public/components/query_compare/search_result/search_components/__tests__/search_config.test.tsx @@ -11,6 +11,7 @@ import { SearchConfig } from '../search_configs/search_config'; import { SearchRelevanceContextProvider } from '../../../../../contexts'; import { TEST_QUERY_STRING } from '../../../../../../test/constants'; import { initialQueryErrorState } from '../../../../../../public/types/index'; +import { I18nProvider } from '@osd/i18n/react'; describe('Flyout component', () => { configure({ adapter: new Adapter() }); @@ -20,17 +21,19 @@ describe('Flyout component', () => { const setSelectedIndex = jest.fn(); const setQueryError = jest.fn(); const wrapper = mount( - - - + + + + + ); wrapper.update(); diff --git a/public/components/query_compare/search_result/search_components/__tests__/search_configs.test.tsx b/public/components/query_compare/search_result/search_components/__tests__/search_configs.test.tsx index 1efb59d..e4ed6ea 100644 --- a/public/components/query_compare/search_result/search_components/__tests__/search_configs.test.tsx +++ b/public/components/query_compare/search_result/search_components/__tests__/search_configs.test.tsx @@ -11,24 +11,27 @@ import { SearchConfigsPanel } from '../search_configs/search_configs'; import { SearchRelevanceContextProvider } from '../../../../../contexts'; import { TEST_QUERY_STRING } from '../../../../../../test/constants'; import { initialQueryErrorState } from '../../../../../../public/types/index'; +import { I18nProvider } from '@osd/i18n/react'; describe('Flyout component', () => { configure({ adapter: new Adapter() }); it('Renders flyout component', async () => { const wrapper = mount( - - {}} - setQueryString2={() => {}} - queryError1={initialQueryErrorState} - queryError2={initialQueryErrorState} - setQueryError1={() => {}} - setQueryError2={() => {}} - /> - + + + {}} + setQueryString2={() => {}} + queryError1={initialQueryErrorState} + queryError2={initialQueryErrorState} + setQueryError1={() => {}} + setQueryError2={() => {}} + /> + + ); wrapper.update(); diff --git a/public/components/query_compare/search_result/search_components/search_bar.tsx b/public/components/query_compare/search_result/search_components/search_bar.tsx index 656c2c3..60b510d 100644 --- a/public/components/query_compare/search_result/search_components/search_bar.tsx +++ b/public/components/query_compare/search_result/search_components/search_bar.tsx @@ -23,6 +23,7 @@ export const SearchInputBar = ({ Date: Thu, 26 Oct 2023 18:38:46 -0700 Subject: [PATCH 2/5] Update test for flyout.tsx and header.tsx Signed-off-by: Nicholas Ung --- .../__snapshots__/flyout.test.tsx.snap | 7867 +++++++++-------- .../__snapshots__/header.test.tsx.snap | 289 +- .../common/__test__/flyout.test.tsx | 6 +- .../common/__test__/header.test.tsx | 6 +- 4 files changed, 4110 insertions(+), 4058 deletions(-) diff --git a/public/components/common/__test__/__snapshots__/flyout.test.tsx.snap b/public/components/common/__test__/__snapshots__/flyout.test.tsx.snap index 83b6f23..b132713 100644 --- a/public/components/common/__test__/__snapshots__/flyout.test.tsx.snap +++ b/public/components/common/__test__/__snapshots__/flyout.test.tsx.snap @@ -1,490 +1,903 @@ // Jest Snapshot v1, https://goo.gl/fbAQLP exports[`Flyout component Renders flyout component 1`] = ` - - - - - - - - - + + + + + + + -
-
- - } - > - - - - -
- -
+ `; diff --git a/public/components/common/__test__/flyout.test.tsx b/public/components/common/__test__/flyout.test.tsx index c875a8f..bd7cfaf 100644 --- a/public/components/common/__test__/flyout.test.tsx +++ b/public/components/common/__test__/flyout.test.tsx @@ -9,18 +9,18 @@ import React from 'react'; import { waitFor } from '@testing-library/react'; import { Flyout } from '../flyout'; import { SearchRelevanceContextProvider } from '../../../contexts'; -import { I18nProvider } from '@osd/i18n/react'; +import { IntlProvider } from 'react-intl'; describe('Flyout component', () => { configure({ adapter: new Adapter() }); it('Renders flyout component', async () => { const wrapper = mount( - + - + ); wrapper.update(); diff --git a/public/components/common/__test__/header.test.tsx b/public/components/common/__test__/header.test.tsx index dd7a380..6e197b1 100644 --- a/public/components/common/__test__/header.test.tsx +++ b/public/components/common/__test__/header.test.tsx @@ -8,16 +8,16 @@ import Adapter from 'enzyme-adapter-react-16'; import React from 'react'; import { waitFor } from '@testing-library/react'; import { Header } from '../header'; -import { I18nProvider } from '@osd/i18n/react'; +import { IntlProvider } from 'react-intl'; describe('Header component', () => { configure({ adapter: new Adapter() }); it('Renders header component', async () => { const wrapper = mount( - +
- + ); wrapper.update(); From e130d29671b28f6abc74b0ab271ea325c88f07a3 Mon Sep 17 00:00:00 2001 From: Nicholas Ung Date: Thu, 26 Oct 2023 19:43:29 -0700 Subject: [PATCH 3/5] Reformat EuiCode wrappers in flyout.tsx Signed-off-by: Nicholas Ung --- .../__snapshots__/flyout.test.tsx.snap | 252 ++++++++++++++---- public/components/common/flyout.tsx | 63 ++++- 2 files changed, 259 insertions(+), 56 deletions(-) diff --git a/public/components/common/__test__/__snapshots__/flyout.test.tsx.snap b/public/components/common/__test__/__snapshots__/flyout.test.tsx.snap index b132713..d2ffd1d 100644 --- a/public/components/common/__test__/__snapshots__/flyout.test.tsx.snap +++ b/public/components/common/__test__/__snapshots__/flyout.test.tsx.snap @@ -124,7 +124,9 @@ exports[`Flyout component Renders flyout component 1`] = ` - %SearchText% + + %SearchText% + variable to refer @@ -142,7 +144,9 @@ exports[`Flyout component Renders flyout component 1`] = ` - GET + + GET + HTTP method and the @@ -152,7 +156,9 @@ exports[`Flyout component Renders flyout component 1`] = ` - _search + + _search + endpoint. @@ -189,7 +195,9 @@ exports[`Flyout component Renders flyout component 1`] = ` - speaker + + speaker + and @@ -199,7 +207,9 @@ exports[`Flyout component Renders flyout component 1`] = ` - text_entry + + text_entry + fields of the @@ -210,7 +220,9 @@ exports[`Flyout component Renders flyout component 1`] = ` - shakespeare + + shakespeare + index for the search text: @@ -455,7 +467,9 @@ exports[`Flyout component Renders flyout component 1`] = ` - speaker + + speaker + field: @@ -918,7 +932,9 @@ exports[`Flyout component Renders flyout component 1`] = ` - %SearchText% + + %SearchText% + variable to refer @@ -936,7 +952,9 @@ exports[`Flyout component Renders flyout component 1`] = ` - GET + + GET + HTTP method and the @@ -946,7 +964,9 @@ exports[`Flyout component Renders flyout component 1`] = ` - _search + + _search + endpoint. @@ -983,7 +1003,9 @@ exports[`Flyout component Renders flyout component 1`] = ` - speaker + + speaker + and @@ -993,7 +1015,9 @@ exports[`Flyout component Renders flyout component 1`] = ` - text_entry + + text_entry + fields of the @@ -1004,7 +1028,9 @@ exports[`Flyout component Renders flyout component 1`] = ` - shakespeare + + shakespeare + index for the search text: @@ -1249,7 +1275,9 @@ exports[`Flyout component Renders flyout component 1`] = ` - speaker + + speaker + field: @@ -1644,7 +1672,9 @@ exports[`Flyout component Renders flyout component 1`] = ` - %SearchText% + + %SearchText% + variable to refer @@ -1662,7 +1692,9 @@ exports[`Flyout component Renders flyout component 1`] = ` - GET + + GET + HTTP method and the @@ -1672,7 +1704,9 @@ exports[`Flyout component Renders flyout component 1`] = ` - _search + + _search + endpoint. @@ -1709,7 +1743,9 @@ exports[`Flyout component Renders flyout component 1`] = ` - speaker + + speaker + and @@ -1719,7 +1755,9 @@ exports[`Flyout component Renders flyout component 1`] = ` - text_entry + + text_entry + fields of the @@ -1730,7 +1768,9 @@ exports[`Flyout component Renders flyout component 1`] = ` - shakespeare + + shakespeare + index for the search text: @@ -1975,7 +2015,9 @@ exports[`Flyout component Renders flyout component 1`] = ` - speaker + + speaker + field: @@ -2370,7 +2412,9 @@ exports[`Flyout component Renders flyout component 1`] = ` - %SearchText% + + %SearchText% + variable to refer @@ -2388,7 +2432,9 @@ exports[`Flyout component Renders flyout component 1`] = ` - GET + + GET + HTTP method and the @@ -2398,7 +2444,9 @@ exports[`Flyout component Renders flyout component 1`] = ` - _search + + _search + endpoint. @@ -2435,7 +2483,9 @@ exports[`Flyout component Renders flyout component 1`] = ` - speaker + + speaker + and @@ -2445,7 +2495,9 @@ exports[`Flyout component Renders flyout component 1`] = ` - text_entry + + text_entry + fields of the @@ -2456,7 +2508,9 @@ exports[`Flyout component Renders flyout component 1`] = ` - shakespeare + + shakespeare + index for the search text: @@ -2701,7 +2755,9 @@ exports[`Flyout component Renders flyout component 1`] = ` - speaker + + speaker + field: @@ -3084,7 +3140,9 @@ exports[`Flyout component Renders flyout component 1`] = ` - %SearchText% + + %SearchText% + variable to refer @@ -3102,7 +3160,9 @@ exports[`Flyout component Renders flyout component 1`] = ` - GET + + GET + HTTP method and the @@ -3112,7 +3172,9 @@ exports[`Flyout component Renders flyout component 1`] = ` - _search + + _search + endpoint. @@ -3149,7 +3211,9 @@ exports[`Flyout component Renders flyout component 1`] = ` - speaker + + speaker + and @@ -3159,7 +3223,9 @@ exports[`Flyout component Renders flyout component 1`] = ` - text_entry + + text_entry + fields of the @@ -3170,7 +3236,9 @@ exports[`Flyout component Renders flyout component 1`] = ` - shakespeare + + shakespeare + index for the search text: @@ -3415,7 +3483,9 @@ exports[`Flyout component Renders flyout component 1`] = ` - speaker + + speaker + field: @@ -3850,10 +3920,18 @@ exports[`Flyout component Renders flyout component 1`] = ` values={ Object { "endpointName": - _search + , "methodName": - GET + , "queryDslLink": , "variableName": - %SearchText% + , } } @@ -3953,7 +4035,15 @@ exports[`Flyout component Renders flyout component 1`] = ` - %SearchText% + + + %SearchText% + + @@ -3984,7 +4074,15 @@ exports[`Flyout component Renders flyout component 1`] = ` - GET + + + GET + + @@ -4001,7 +4099,15 @@ exports[`Flyout component Renders flyout component 1`] = ` - _search + + + _search + + @@ -4074,13 +4180,25 @@ exports[`Flyout component Renders flyout component 1`] = ` values={ Object { "shakespeare": - shakespeare + , "speaker": - speaker + , "textEntry": - text_entry + , } } @@ -4098,7 +4216,15 @@ exports[`Flyout component Renders flyout component 1`] = ` - speaker + + + speaker + + @@ -4115,7 +4241,15 @@ exports[`Flyout component Renders flyout component 1`] = ` - text_entry + + + text_entry + + @@ -4133,7 +4267,15 @@ exports[`Flyout component Renders flyout component 1`] = ` - shakespeare + + + shakespeare + + @@ -4499,7 +4641,11 @@ exports[`Flyout component Renders flyout component 1`] = ` values={ Object { "speaker": - speaker + , } } @@ -4518,7 +4664,15 @@ exports[`Flyout component Renders flyout component 1`] = ` - speaker + + + speaker + + diff --git a/public/components/common/flyout.tsx b/public/components/common/flyout.tsx index a3a1fe5..5587be6 100644 --- a/public/components/common/flyout.tsx +++ b/public/components/common/flyout.tsx @@ -83,7 +83,14 @@ export const Flyout = () => { /> ), - variableName: {'%SearchText%'}, + variableName: ( + + + + ), search: ( { /> ), - methodName: {'GET'}, - endpointName: {'_search'}, + methodName: ( + + + + ), + endpointName: ( + + + + ), }} />

@@ -129,9 +150,30 @@ export const Flyout = () => { defaultMessage="The following example searches the {speaker} and {textEntry} fields of the {shakespeare} index for the search text:" values={{ - speaker: {'speaker'}, - textEntry: {'text_entry'}, - shakespeare: {'shakespeare'}, + speaker: ( + + + + ), + textEntry: ( + + + + ), + shakespeare: ( + + + + ), }} />

@@ -160,7 +202,14 @@ export const Flyout = () => { defaultMessage="You can see how boosting a field affects the results. The following query boosts the {speaker} field:" values={{ - speaker: {'speaker'}, + speaker: ( + + + + ), }} />

From b4906dd49a83675ef3660ab7ea39ff3a92c56df8 Mon Sep 17 00:00:00 2001 From: Nicholas Ung <37952714+nung22@users.noreply.github.com> Date: Wed, 1 Nov 2023 11:12:18 -0700 Subject: [PATCH 4/5] Update flyout.tsx test Signed-off-by: Nicholas Ung <37952714+nung22@users.noreply.github.com> --- .../__snapshots__/flyout.test.tsx.snap | 5294 +---------------- .../common/__test__/flyout.test.tsx | 10 +- 2 files changed, 91 insertions(+), 5213 deletions(-) diff --git a/public/components/common/__test__/__snapshots__/flyout.test.tsx.snap b/public/components/common/__test__/__snapshots__/flyout.test.tsx.snap index d2ffd1d..eb98701 100644 --- a/public/components/common/__test__/__snapshots__/flyout.test.tsx.snap +++ b/public/components/common/__test__/__snapshots__/flyout.test.tsx.snap @@ -2,5215 +2,93 @@ exports[`Flyout component Renders flyout component 1`] = ` - - - - - - - - } - onActivation={[Function]} - onDeactivation={[Function]} - persistentFocus={false} - returnFocus={[Function]} - shards={Array []} - sideCar={ - Object { - "assignMedium": [Function], - "assignSyncMedium": [Function], - "options": Object { - "async": true, - "ssr": false, - }, - "read": [Function], - "useMedium": [Function], - } - } - > - - - - } - onActivation={[Function]} - onDeactivation={[Function]} - persistentFocus={false} - returnFocus={[Function]} - shards={Array []} - > - - - - } - onActivation={[Function]} - onDeactivation={[Function]} - persistentFocus={false} - returnFocus={[Function]} - shards={Array []} - /> - - - - -
- -
- - - - - - -
- -

- - - Help - - -

- -
- - -
-
-
- -
-

- - - Query format - - -

-

- - - , - "methodName": - - , - "queryDslLink": - - , - "search": - - , - "variableName": - - , - } - } - > - - Enter a query in - - - - - OpenSearch Query DSL - - - - - - - - - - - (opens in a new tab or window) - - - - - - . Use the - - - - - - - %SearchText% - - - - - - - variable to refer - to the text in the search bar. When you enter - - - - Search - - - - , the queries are sent to the search - engine using the - - - - - - - GET - - - - - - - HTTP method and the - - - - - - - _search - - - - - - - endpoint. - - -

-

- - - Example - - -

-
-

- - - 1. Enter the search text in the search bar. - - -

-

- - - , - } - } - > - - 2. Select an index for - - - - Query 1 - - - - and enter a query. - - -

-

- - - , - "speaker": - - , - "textEntry": - - , - } - } - > - - The following example searches the - - - - - - - speaker - - - - - - - and - - - - - - - text_entry - - - - - - - fields of the - - - - - - - - shakespeare - - - - - - - index for the search text: - - -

- - -
- 
-                                                
-                                                  
-                                                    
-
-                                                  
-                                                  
-                                                    
-                                                      {
-                                                    
-                                                    
-
-                                                  
-                                                  
-                                                      
-                                                    
-                                                      "query"
-                                                    
-                                                    
-                                                      :
-                                                    
-                                                     
-                                                    
-                                                      {
-                                                    
-                                                    
-
-                                                  
-                                                  
-                                                        
-                                                    
-                                                      "multi_match"
-                                                    
-                                                    
-                                                      :
-                                                    
-                                                     
-                                                    
-                                                      {
-                                                    
-                                                    
-
-                                                  
-                                                  
-                                                          
-                                                    
-                                                      "query"
-                                                    
-                                                    
-                                                      :
-                                                    
-                                                     
-                                                    
-                                                      "%SearchText%"
-                                                    
-                                                    
-                                                      ,
-                                                    
-                                                    
-
-                                                  
-                                                  
-                                                          
-                                                    
-                                                      "fields"
-                                                    
-                                                    
-                                                      :
-                                                    
-                                                     
-                                                    
-                                                      [
-                                                    
-                                                    
-                                                      "speaker"
-                                                    
-                                                    
-                                                      ,
-                                                    
-                                                     
-                                                    
-                                                      "text_entry"
-                                                    
-                                                    
-                                                      ]
-                                                    
-                                                    
-
-                                                  
-                                                  
-                                                        
-                                                    
-                                                      }
-                                                    
-                                                    
-
-                                                  
-                                                  
-                                                      
-                                                    
-                                                      }
-                                                    
-                                                    
-
-                                                  
-                                                  
-                                                    
-                                                      }
-                                                    
-                                                    
-
-                                                  
-                                                  
-                                                
-
-
-
- - - - - - - - - - - -
-
-
- - -

- - - , - } - } - > - - 3. Select an index for - - - - Query 2 - - - - and enter a query. - - -

-

- - - , - } - } - > - - You can see how boosting a field affects the results. The following - query boosts the - - - - - - - speaker - - - - - - - field: - - -

- - -
- 
-                                                
-                                                  
-                                                    
-
-                                                  
-                                                  
-                                                    
-                                                      {
-                                                    
-                                                    
-
-                                                  
-                                                  
-                                                      
-                                                    
-                                                      "query"
-                                                    
-                                                    
-                                                      :
-                                                    
-                                                     
-                                                    
-                                                      {
-                                                    
-                                                    
-
-                                                  
-                                                  
-                                                        
-                                                    
-                                                      "multi_match"
-                                                    
-                                                    
-                                                      :
-                                                    
-                                                     
-                                                    
-                                                      {
-                                                    
-                                                    
-
-                                                  
-                                                  
-                                                          
-                                                    
-                                                      "query"
-                                                    
-                                                    
-                                                      :
-                                                    
-                                                     
-                                                    
-                                                      "%SearchText%"
-                                                    
-                                                    
-                                                      ,
-                                                    
-                                                    
-
-                                                  
-                                                  
-                                                          
-                                                    
-                                                      "fields"
-                                                    
-                                                    
-                                                      :
-                                                    
-                                                     
-                                                    
-                                                      [
-                                                    
-                                                    
-                                                      "speaker^3"
-                                                    
-                                                    
-                                                      ,
-                                                    
-                                                     
-                                                    
-                                                      "text_entry"
-                                                    
-                                                    
-                                                      ]
-                                                    
-                                                    
-
-                                                  
-                                                  
-                                                        
-                                                    
-                                                      }
-                                                    
-                                                    
-
-                                                  
-                                                  
-                                                      
-                                                    
-                                                      }
-                                                    
-                                                    
-
-                                                  
-                                                  
-                                                    
-                                                      }
-                                                    
-                                                    
-
-                                                  
-                                                  
-                                                
-
-
-
- - - - - - - - - - - -
-
-
- - -

- - - , - } - } - > - - To learn more about boosts, see the - - - - - Multi-match Query Documentation - - - - - - - - - - - (opens in a new tab or window) - - - - - - . - - -

-

- - - 4. Compare results - - -

-

- - - , - } - } - > - - Select - - - - Search - - - - and compare the results in Results 1 and Results 2. - - -

-
- -
-
-
- -
- -
- -
- - - - - - - - - - - - - - - - - - + locale="en" + messages={Object {}} + textComponent={Symbol(react.fragment)} +> + + + + + `; diff --git a/public/components/common/__test__/flyout.test.tsx b/public/components/common/__test__/flyout.test.tsx index bd7cfaf..9598754 100644 --- a/public/components/common/__test__/flyout.test.tsx +++ b/public/components/common/__test__/flyout.test.tsx @@ -3,24 +3,24 @@ * SPDX-License-Identifier: Apache-2.0 */ -import { configure, mount } from 'enzyme'; +import { configure, shallow } from 'enzyme'; import Adapter from 'enzyme-adapter-react-16'; import React from 'react'; import { waitFor } from '@testing-library/react'; import { Flyout } from '../flyout'; import { SearchRelevanceContextProvider } from '../../../contexts'; -import { IntlProvider } from 'react-intl'; +import { I18nProvider } from '@osd/i18n/react'; describe('Flyout component', () => { configure({ adapter: new Adapter() }); it('Renders flyout component', async () => { - const wrapper = mount( - + const wrapper = shallow( + - + ); wrapper.update(); From a77bfa7f5396ba575b158caaebd36e92aba88b02 Mon Sep 17 00:00:00 2001 From: Nicholas Ung Date: Tue, 7 Nov 2023 17:07:16 -0800 Subject: [PATCH 5/5] Update header.tsx and flyout.tsx Signed-off-by: Nicholas Ung --- .../__snapshots__/flyout.test.tsx.snap | 102 +--- .../__snapshots__/header.test.tsx.snap | 163 ++----- .../common/__test__/flyout.test.tsx | 9 +- .../common/__test__/header.test.tsx | 9 +- public/components/common/flyout.tsx | 439 +++++++++--------- public/components/common/header.tsx | 80 ++-- .../__snapshots__/create_index.test.tsx.snap | 295 ++++++++---- 7 files changed, 516 insertions(+), 581 deletions(-) diff --git a/public/components/common/__test__/__snapshots__/flyout.test.tsx.snap b/public/components/common/__test__/__snapshots__/flyout.test.tsx.snap index eb98701..2a0d1f6 100644 --- a/public/components/common/__test__/__snapshots__/flyout.test.tsx.snap +++ b/public/components/common/__test__/__snapshots__/flyout.test.tsx.snap @@ -1,94 +1,24 @@ // Jest Snapshot v1, https://goo.gl/fbAQLP exports[`Flyout component Renders flyout component 1`] = ` - - - - - - - + + `; diff --git a/public/components/common/__test__/__snapshots__/header.test.tsx.snap b/public/components/common/__test__/__snapshots__/header.test.tsx.snap index 31fa450..03fe5cd 100644 --- a/public/components/common/__test__/__snapshots__/header.test.tsx.snap +++ b/public/components/common/__test__/__snapshots__/header.test.tsx.snap @@ -1,128 +1,45 @@ // Jest Snapshot v1, https://goo.gl/fbAQLP exports[`Header component Renders header component 1`] = ` - -
- -
- -

- - - Compare search results - - -

- - -
-

- - - , - } - } + + + +

+ +

+ + +

+ - - Compare results using the same search text with different queries. - - - - - Learn more - - - - - - - - - - - (opens in a new tab or window) - - - - - - - -

-
- -
- -
- + + , + } + } + /> +

+ + + `; diff --git a/public/components/common/__test__/flyout.test.tsx b/public/components/common/__test__/flyout.test.tsx index 9598754..7e0c38f 100644 --- a/public/components/common/__test__/flyout.test.tsx +++ b/public/components/common/__test__/flyout.test.tsx @@ -9,18 +9,15 @@ import React from 'react'; import { waitFor } from '@testing-library/react'; import { Flyout } from '../flyout'; import { SearchRelevanceContextProvider } from '../../../contexts'; -import { I18nProvider } from '@osd/i18n/react'; describe('Flyout component', () => { configure({ adapter: new Adapter() }); it('Renders flyout component', async () => { const wrapper = shallow( - - - - - + + + ); wrapper.update(); diff --git a/public/components/common/__test__/header.test.tsx b/public/components/common/__test__/header.test.tsx index 6e197b1..cf4fc32 100644 --- a/public/components/common/__test__/header.test.tsx +++ b/public/components/common/__test__/header.test.tsx @@ -3,22 +3,17 @@ * SPDX-License-Identifier: Apache-2.0 */ -import { configure, mount } from 'enzyme'; +import { configure, shallow } from 'enzyme'; import Adapter from 'enzyme-adapter-react-16'; import React from 'react'; import { waitFor } from '@testing-library/react'; import { Header } from '../header'; -import { IntlProvider } from 'react-intl'; describe('Header component', () => { configure({ adapter: new Adapter() }); it('Renders header component', async () => { - const wrapper = mount( - -
- - ); + const wrapper = shallow(
); wrapper.update(); diff --git a/public/components/common/flyout.tsx b/public/components/common/flyout.tsx index 5587be6..f61c7a1 100644 --- a/public/components/common/flyout.tsx +++ b/public/components/common/flyout.tsx @@ -4,7 +4,7 @@ */ import React from 'react'; -import { FormattedMessage } from '@osd/i18n/react'; +import { I18nProvider, FormattedMessage } from '@osd/i18n/react'; import { EuiFlyout, EuiFlyoutBody, @@ -44,221 +44,226 @@ export const Flyout = () => { const { setShowFlyout } = useSearchRelevanceContext(); return ( - setShowFlyout(false)} - aria-labelledby="flyoutTitle" - paddingSize="l" - > - - -

- -

- - - - -

- -

-

- - - - ), - variableName: ( - - - - ), - search: ( - - - - ), - methodName: ( - - - - ), - endpointName: ( - - - - ), - }} - /> -

-

- -

-
-

- -

-

- - - - ), - }} - /> -

-

- - - - ), - textEntry: ( - - - - ), - shakespeare: ( - - - - ), - }} - /> -

- - {query1} - -

- - - - ), - }} - /> -

-

- - - - ), - }} - /> -

- - {query2} - -

- - - - ), - }} - /> -

-

- -

-

- - - - ), - }} - /> -

- - - + + setShowFlyout(false)} + aria-labelledby="flyoutTitle" + paddingSize="l" + > + + +

+ +

+ + + + +

+ +

+

+ + + + ), + variableName: ( + + + + ), + strongSearch: ( + + + + ), + methodName: ( + + + + ), + endpointName: ( + + + + ), + }} + /> +

+

+ +

+
+

+ +

+

+ + + + ), + }} + /> +

+

+ + + + ), + textEntry: ( + + + + ), + shakespeare: ( + + + + ), + }} + /> +

+ + {query1} + +

+ + + + ), + }} + /> +

+

+ + + + ), + }} + /> +

+ + {query2} + +

+ + + + ), + }} + /> +

+

+ +

+

+ + + + ), + }} + /> +

+ + + + ); }; diff --git a/public/components/common/header.tsx b/public/components/common/header.tsx index b455057..c874890 100644 --- a/public/components/common/header.tsx +++ b/public/components/common/header.tsx @@ -4,7 +4,7 @@ */ import React from 'react'; -import { FormattedMessage } from '@osd/i18n/react'; +import { I18nProvider, FormattedMessage } from '@osd/i18n/react'; import { EuiText, EuiLink, EuiPanel, EuiTitle } from '@elastic/eui'; interface HeaderProps { @@ -13,43 +13,45 @@ interface HeaderProps { export const Header = ({ children }: HeaderProps) => { return ( - - -

- -

- - -

- - - - ), - }} - /> -

- - {children} - + + + +

+ +

+ + +

+ + + + ), + }} + /> +

+ + {children} + + ); }; diff --git a/public/components/query_compare/__test__/__snapshots__/create_index.test.tsx.snap b/public/components/query_compare/__test__/__snapshots__/create_index.test.tsx.snap index aea8d9b..31146c0 100644 --- a/public/components/query_compare/__test__/__snapshots__/create_index.test.tsx.snap +++ b/public/components/query_compare/__test__/__snapshots__/create_index.test.tsx.snap @@ -89,118 +89,207 @@ exports[`Create index component Renders create index component 1`] = `
- -
+ - -

+ - - Compare search results - -

- - -
-

- - - , - } - } - > - Compare results using the same search text with different queries. - +

- + Compare search results + +

+ + + - -
- + + Learn more + + + + + + + + + + (opens in a new tab or window) + + + + + + +

+
+ +
+ + + +