From 4e9fecab72c4574501f9299a9eecfa4d6db48dea Mon Sep 17 00:00:00 2001 From: Nicholas Ung Date: Tue, 19 Mar 2024 14:20:49 -0700 Subject: [PATCH 1/2] Feature: Add Option to Expand Document Source (#350) * Add option to expand document source Signed-off-by: Nicholas Ung * Remove redundant code Signed-off-by: Nicholas Ung * Update test coverage Signed-off-by: Nicholas Ung * Remove unused queryerror Signed-off-by: Nicholas Ung * Update styling of results Signed-off-by: Nicholas Ung * Update dependencies Signed-off-by: Nicholas Ung * Add option to expand document source Signed-off-by: Nicholas Ung * Remove redundant code Signed-off-by: Nicholas Ung * Update test coverage Signed-off-by: Nicholas Ung * Remove unused queryerror Signed-off-by: Nicholas Ung * Update styling of results Signed-off-by: Nicholas Ung * Update dependencies Signed-off-by: Nicholas Ung * Revert "Update dependencies" This reverts commit 8ec3868a3974cd0a637e463f50292b321d593b19. Signed-off-by: Nicholas Ung * Signed-off-by: Nicholas Ung Update merge changes * Move styling to scss file Signed-off-by: Nicholas Ung * Update snapshots Signed-off-by: Nicholas Ung * Update yarn.lock Signed-off-by: Nicholas Ung * Remove unnecessary line in package.json Signed-off-by: Nicholas Ung * manually updating snapshots for nung22 Signed-off-by: Sean Li --------- Signed-off-by: Nicholas Ung Signed-off-by: Sean Li Co-authored-by: Sean Li --- .babelrc | 1 - .../result_component.test.tsx.snap | 7988 ++++++++++++----- .../__snapshots__/result_grid.test.tsx.snap | 4007 ++++++--- .../__test__/result_grid.test.tsx | 3 + .../result_components/result_grid.scss | 14 +- .../result_components/result_grid.tsx | 78 +- .../result_components/result_panel.tsx | 8 +- 7 files changed, 8622 insertions(+), 3477 deletions(-) diff --git a/.babelrc b/.babelrc index 2a3340e9..d9073a59 100644 --- a/.babelrc +++ b/.babelrc @@ -14,4 +14,3 @@ ["@babel/plugin-transform-runtime", { "regenerator": true }] ] } - 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 eb0d9377..3c6442e5 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 @@ -1464,134 +1464,308 @@ exports[`Result component Renders result component 1`] = ` className="truncate-by-height" > -
- -
- 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 - - -
- -
+ + +
+ 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 + + +
+ + + + + + + } + closePopover={[Function]} + display="inlineBlock" + hasArrow={true} + isOpen={false} + ownFocus={true} + panelPaddingSize="m" + > +
+
+ + + +
+
+ +
-
- -
- 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 - - -
- -
+ + +
+ 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 + + +
+ + + +
+ + + } + closePopover={[Function]} + display="inlineBlock" + hasArrow={true} + isOpen={false} + ownFocus={true} + panelPaddingSize="m" + > +
+
+ + + +
+
+ +
-
- -
- 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 + + +
+ + + +
+ + + } + closePopover={[Function]} + display="inlineBlock" + hasArrow={true} + isOpen={false} + ownFocus={true} + panelPaddingSize="m" + > +
+
+ + + +
+
+ +
-
- -
- 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 - - -
- -
+ + +
+ 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 + + +
+ + + +
+ + + } + closePopover={[Function]} + display="inlineBlock" + hasArrow={true} + isOpen={false} + ownFocus={true} + panelPaddingSize="m" + > +
+
+ + + +
+
+ +
-
- -
- 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 +
+ + +
+ + 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 + + +
+ + + +
+ + + } + closePopover={[Function]} + display="inlineBlock" + hasArrow={true} + isOpen={false} + ownFocus={true} + panelPaddingSize="m" + > +
+
+ + + +
+
+ +
-
- -
- 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 +
+ + +
+ + 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 + + +
+ + + +
+ + + } + closePopover={[Function]} + display="inlineBlock" + hasArrow={true} + isOpen={false} + ownFocus={true} + panelPaddingSize="m" + > +
+
+ + + +
+
+ +
-
- -
- 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 +
+ + +
+ + 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 + + +
+ + + +
+ + + } + closePopover={[Function]} + display="inlineBlock" + hasArrow={true} + isOpen={false} + ownFocus={true} + panelPaddingSize="m" + > +
+
+ + + +
+
+ +
-
- -
- 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 - - -
- -
+ + +
+ 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 + + +
+ + + +
+ + + } + closePopover={[Function]} + display="inlineBlock" + hasArrow={true} + isOpen={false} + ownFocus={true} + panelPaddingSize="m" + > +
+
+ + + +
+
+ +
-
- -
- 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 +
+ + +
+ + 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 + + +
+ + + +
+ + + } + closePopover={[Function]} + display="inlineBlock" + hasArrow={true} + isOpen={false} + ownFocus={true} + panelPaddingSize="m" + > +
+
+ + + +
+
+ +
-
- -
- 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 + + +
+ + + +
+ + + } + closePopover={[Function]} + display="inlineBlock" + hasArrow={true} + isOpen={false} + ownFocus={true} + panelPaddingSize="m" + > +
+
+ + + +
+
+ + @@ -4659,7 +6359,7 @@ exports[`Result component Renders result component 1`] = `
-
- -
- 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 - - -
- -
+ + +
+ 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 + + +
+ + + +
+ + + } + closePopover={[Function]} + display="inlineBlock" + hasArrow={true} + isOpen={false} + ownFocus={true} + panelPaddingSize="m" + > +
+
+ + + +
+
+ +
-
- -
- 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 - - -
- -
+ + +
+ 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 + + +
+ + + +
+ + + } + closePopover={[Function]} + display="inlineBlock" + hasArrow={true} + isOpen={false} + ownFocus={true} + panelPaddingSize="m" + > +
+
+ + + +
+
+ +
-
- -
- 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 + + +
+ + + +
+ + + } + closePopover={[Function]} + display="inlineBlock" + hasArrow={true} + isOpen={false} + ownFocus={true} + panelPaddingSize="m" + > +
+
+ + + +
+
+ +
-
- -
- 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 - - -
- -
+ + +
+ 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 + + +
+ + + +
+ + + } + closePopover={[Function]} + display="inlineBlock" + hasArrow={true} + isOpen={false} + ownFocus={true} + panelPaddingSize="m" + > +
+
+ + + +
+
+ +
-
- -
- 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 +
+ + +
+ + 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 + + +
+ + + +
+ + + } + closePopover={[Function]} + display="inlineBlock" + hasArrow={true} + isOpen={false} + ownFocus={true} + panelPaddingSize="m" + > +
+
+ + + +
+
+ +
-
- -
- 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 +
+ + +
+ + 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 + + +
+ + + +
+ + + } + closePopover={[Function]} + display="inlineBlock" + hasArrow={true} + isOpen={false} + ownFocus={true} + panelPaddingSize="m" + > +
+
+ + + +
+
+ +
-
- -
- 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 +
+ + +
+ + 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 + + +
+ + + +
+ + + } + closePopover={[Function]} + display="inlineBlock" + hasArrow={true} + isOpen={false} + ownFocus={true} + panelPaddingSize="m" + > +
+
+ + + +
+
+ +
-
- -
- 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 - - -
- -
+ + +
+ 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 + + +
+ + + +
+ + + } + closePopover={[Function]} + display="inlineBlock" + hasArrow={true} + isOpen={false} + ownFocus={true} + panelPaddingSize="m" + > +
+
+ + + +
+
+ +
-
- -
- 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 +
+ + +
+ + 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 + + +
+ + + +
+ + + } + closePopover={[Function]} + display="inlineBlock" + hasArrow={true} + isOpen={false} + ownFocus={true} + panelPaddingSize="m" + > +
+
+ + + +
+
+ +
-
- -
- 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 + + +
+ + + +
+ + + } + closePopover={[Function]} + display="inlineBlock" + hasArrow={true} + isOpen={false} + ownFocus={true} + panelPaddingSize="m" + > +
+
+ + + +
+
+ + 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 f1db78e1..14134e7d 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 @@ -318,134 +318,308 @@ exports[`Result grid component Renders result grid component 1`] = ` className="truncate-by-height" > -
- -
- 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 - - -
- -
+ + +
+ 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 + + +
+ + + + + + + } + closePopover={[Function]} + display="inlineBlock" + hasArrow={true} + isOpen={false} + ownFocus={true} + panelPaddingSize="m" + > +
+
+ + + +
+
+ +
-
- -
- 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 - - -
- -
+ + +
+ 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 + + +
+ + + +
+ + + } + closePopover={[Function]} + display="inlineBlock" + hasArrow={true} + isOpen={false} + ownFocus={true} + panelPaddingSize="m" + > +
+
+ + + +
+
+ +
-
- -
- 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 + + +
+ + + +
+ + + } + closePopover={[Function]} + display="inlineBlock" + hasArrow={true} + isOpen={false} + ownFocus={true} + panelPaddingSize="m" + > +
+
+ + + +
+
+ +
-
- -
- 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 - - -
- -
+ + +
+ 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 + + +
+ + + +
+ + + } + closePopover={[Function]} + display="inlineBlock" + hasArrow={true} + isOpen={false} + ownFocus={true} + panelPaddingSize="m" + > +
+
+ + + +
+
+ +
-
- -
- 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 +
+ + +
+ + 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 + + +
+ + + +
+ + + } + closePopover={[Function]} + display="inlineBlock" + hasArrow={true} + isOpen={false} + ownFocus={true} + panelPaddingSize="m" + > +
+
+ + + +
+
+ +
-
- -
- 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 +
+ + +
+ + 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 + + +
+ + + +
+ + + } + closePopover={[Function]} + display="inlineBlock" + hasArrow={true} + isOpen={false} + ownFocus={true} + panelPaddingSize="m" + > +
+
+ + + +
+
+ + +
+ + +
+ + +
+ 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 + + +
+ + +
+ + +
+ + -
+ } + closePopover={[Function]} + display="inlineBlock" + hasArrow={true} + isOpen={false} + ownFocus={true} + panelPaddingSize="m" > - -
+
- -
- 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: -
-
- - 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 - - -
- -
+ + +
+ 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 + + +
+ + + +
+ + + } + closePopover={[Function]} + display="inlineBlock" + hasArrow={true} + isOpen={false} + ownFocus={true} + panelPaddingSize="m" + > +
+
+ + + +
+
+ +
-
- -
- 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 +
+ + +
+ + 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 + + +
+ + + +
+ + + } + closePopover={[Function]} + display="inlineBlock" + hasArrow={true} + isOpen={false} + ownFocus={true} + panelPaddingSize="m" + > +
+
+ + + +
+
+ +
-
- -
- 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 + + +
+ + + +
+ + + } + closePopover={[Function]} + display="inlineBlock" + hasArrow={true} + isOpen={false} + ownFocus={true} + panelPaddingSize="m" + > +
+
+ + + +
+
+ + @@ -3056,6 +4756,7 @@ exports[`Result panel query error Displays error message on query error 1`] = ` } } resultNumber={1} + setQueryError={[MockFunction]} > <_EuiSplitPanelInner className="search-relevance-result-panel" 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 86008af9..74fdb33c 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 @@ -33,6 +33,7 @@ describe('Result grid component', () => { await waitFor(() => { expect(wrapper).toMatchSnapshot(); + wrapper.find('EuiButtonIcon').first().prop('onClick')?.({ target: {} }); }); }); }); @@ -40,12 +41,14 @@ describe('Result grid component', () => { describe('Result panel query error', () => { configure({ adapter: new Adapter() }); it('Displays error message on query error', async () => { + const setQueryError = jest.fn(); const wrapper = mount( ); diff --git a/public/components/query_compare/search_result/result_components/result_grid.scss b/public/components/query_compare/search_result/result_components/result_grid.scss index dd6235c2..d54aa763 100644 --- a/public/components/query_compare/search_result/result_components/result_grid.scss +++ b/public/components/query_compare/search_result/result_components/result_grid.scss @@ -58,7 +58,7 @@ doc-table { } dt { - background-color: transparentize(shade($euiColorPrimary, 20%), 0.9); + background-color: tintOrShade($euiColorPrimary, 90%, 70%); color: $euiTextColor; padding: ($euiSizeXS / 2) $euiSizeXS; margin-right: $euiSizeXS; @@ -171,12 +171,24 @@ table { padding: 4px 0 0 0 !important; } +.osdDocTableCell__detailsExpanded { + min-width: 325px; + width: 35vw; + word-wrap: break-word; + height: 220px; + overflow-y: auto; +} + .osdDocTableCell__filter { position: absolute; white-space: nowrap; right: 0; } +.euiDescriptionList.euiDescriptionList--inline .euiDescriptionList__title.osdDescriptionListFieldTitle { + background-color: tintOrShade($euiColorPrimary, 90%, 70%); +} + /** * 1. Align icon with text in cell. * 2. Use opacity to make this element accessible to screen readers and keyboard. 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 3278c1ea..ea7f818c 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 @@ -3,17 +3,20 @@ * SPDX-License-Identifier: Apache-2.0 */ -import React from 'react'; +import React, { useState } from 'react'; import { EuiButtonIcon, - EuiLink, - EuiPanel, EuiText, EuiFlexGroup, EuiFlexItem, EuiTitle, EuiIcon, EuiIconTip, + EuiDescriptionList, + EuiDescriptionListTitle, + EuiDescriptionListDescription, + EuiMark, + EuiPopover, } from '@elastic/eui'; import _, { uniqueId } from 'lodash'; @@ -36,10 +39,41 @@ export const ResultGridComponent = ({ }: ResultGridComponentProps) => { const { selectedIndex1, selectedIndex2 } = useSearchRelevanceContext(); - const getExpColapTd = () => { + const GetExpColapTd = (docSource: IDocType) => { + const [isResultDetailOpen, setIsResultDetailOpen] = useState(false); + const closeResultDetail = () => setIsResultDetailOpen(false); + + // Click on expand/collapse button + const toggleDetails = () => { + setIsResultDetailOpen(!isResultDetailOpen); + }; + return ( - + + } + isOpen={isResultDetailOpen} + closePopover={closeResultDetail} + anchorPosition="leftUp" + > + + {_.toPairs(docSource).map((entry: string[]) => { + return ( + + {`${entry[0]}: `} + {_.isObject(entry[1]) ? JSON.stringify(entry[1]) : entry[1]}
+ + ); + })} + + ); }; @@ -50,18 +84,23 @@ export const ResultGridComponent = ({ return (
-
+ {_.toPairs(sourceFields).map((entry: string[]) => { return ( -
{`${entry[0]}:`}
-
+ {`${entry[0]}`} + {_.isObject(entry[1]) ? JSON.stringify(entry[1]) : entry[1]} -
+ ); })} -
+
); @@ -175,9 +214,8 @@ export const ResultGridComponent = ({ }) ); - // // Add detail toggling column - // // cols.unshift(getExpColapTd()); - // cols.push(getExpColapTd()); + // Add detail toggling column + cols.push(GetExpColapTd(document._source)); return cols; }; @@ -196,20 +234,6 @@ export const ResultGridComponent = ({ ); }; - // useEffect(() => { - // console.log('query result changed'); - // if (!_.isEmpty(queryResult)) - // setResultGrid( - // queryResult.hits.hits.map((doc: any, id: number) => { - // return ( - // <> - // {getTds(doc._source)} - // - // ); - // }) - // ); - // }, [queryResult]); - return (
diff --git a/public/components/query_compare/search_result/result_components/result_panel.tsx b/public/components/query_compare/search_result/result_components/result_panel.tsx index f942f415..161834b5 100644 --- a/public/components/query_compare/search_result/result_components/result_panel.tsx +++ b/public/components/query_compare/search_result/result_components/result_panel.tsx @@ -24,9 +24,15 @@ interface ResultPanelProps { resultNumber: number; queryResult: SearchResults; queryError: QueryError; + setQueryError: React.Dispatch>; } -export const ResultPanel = ({ resultNumber, queryResult, queryError }: ResultPanelProps) => { +export const ResultPanel = ({ + resultNumber, + queryResult, + queryError, + setQueryError, +}: ResultPanelProps) => { const { comparedResult1, comparedResult2 } = useSearchRelevanceContext(); const ErrorMessage = () => ( From a51015a422a76774937223885dd68197bc48f9f7 Mon Sep 17 00:00:00 2001 From: Sean Li Date: Tue, 19 Mar 2024 15:31:27 -0700 Subject: [PATCH 2/2] adding 2.13 release notes (#379) Signed-off-by: Sean Li --- ...dashboards-search-relevance.release-notes-2.13.0.0.md | 9 +++++++++ 1 file changed, 9 insertions(+) create mode 100644 release-notes/opensearch-dashboards-search-relevance.release-notes-2.13.0.0.md diff --git a/release-notes/opensearch-dashboards-search-relevance.release-notes-2.13.0.0.md b/release-notes/opensearch-dashboards-search-relevance.release-notes-2.13.0.0.md new file mode 100644 index 00000000..577adfd0 --- /dev/null +++ b/release-notes/opensearch-dashboards-search-relevance.release-notes-2.13.0.0.md @@ -0,0 +1,9 @@ +## Version 2.13.0.0 Release Notes + +Compatible with OpenSearch 2.13.0 + +### Features +* Feature: Add Option to Expand Document Source ([#350](https://github.com/opensearch-project/dashboards-search-relevance/pull/350)) ([#378](https://github.com/opensearch-project/dashboards-search-relevance/pull/378)) + +### Infrastructure +* Add workflow to verify binary installation ([#373](https://github.com/opensearch-project/dashboards-search-relevance/pull/373)) ([#375](https://github.com/opensearch-project/dashboards-search-relevance/pull/375))