fix: update Giraffe to fix Simple Table with multiple table headers (#6010)

* fix: update Giraffe to fix Simple Table with multiple table headers

* test: update assertions to match correct row sizing for Simple Table

Author: TCL735

cypress/e2e/shared/simpleTable.test.ts

@@ -46,8 +46,8 @@ describe('simple table interactions', () => {
     // click last page
     cy.getByTestID('pagination-item').last().should('be.visible')
     cy.getByTestID('pagination-item').last().click()
-    // verify correct number of pages
-    cy.getByTestID('pagination-item').last().contains('50')
+    // verify correct number of pages: 300 items at 3 items per page
+    cy.getByTestID('pagination-item').last().contains('100')
 
     // show raw data view of data with 10 pages
     cy.getByTestID(`selector-list ${simpleSmall}`).should('be.visible')
@@ -74,7 +74,7 @@ describe('simple table interactions', () => {
     })
     // verify correct number of pages
     cy.getByTestID('pagination-item').last().should('be.visible')
-    cy.getByTestID('pagination-item').last().contains('15')
+    cy.getByTestID('pagination-item').last().contains('10')
   })
 
   it('should render correctly after switching from a dataset with fewer pages to one with more', () => {
@@ -101,7 +101,7 @@ describe('simple table interactions', () => {
     cy.getByTestID('pagination-item').last().should('be.visible')
     cy.getByTestID('pagination-item').last().click()
     // verify correct number of pages
-    cy.getByTestID('pagination-item').last().contains('5')
+    cy.getByTestID('pagination-item').last().contains('10')
 
     // show raw data view of data with 100 pages
     cy.getByTestID(`selector-list ${simpleLarge}`).should('be.visible')
@@ -128,7 +128,7 @@ describe('simple table interactions', () => {
     })
     // verify correct number of pages
     cy.getByTestID('pagination-item').last().should('be.visible')
-    cy.getByTestID('pagination-item').last().contains('150')
+    cy.getByTestID('pagination-item').last().contains('100')
   })
 
   it('should not duplicate records from the n-1 page on the nth page', () => {
@@ -155,7 +155,7 @@ describe('simple table interactions', () => {
     cy.getByTestID('pagination-item').last().should('be.visible')
     cy.getByTestID('pagination-item').last().click()
     // verify correct number of pages
-    cy.getByTestID('pagination-item').last().contains('6')
+    cy.getByTestID('pagination-item').last().contains('11')
     // verify only record 31 is on last page
     cy.getByTestID('table-cell 30').should('not.exist')
     cy.getByTestID('table-cell 31').should('be.visible')
@@ -185,32 +185,37 @@ describe('simple table interactions', () => {
     cy.getByTestID('pagination-item').last().should('be.visible')
     cy.getByTestID('pagination-item').last().click()
 
-    // click page 15
+    // click page 10
     cy.getByTestID('pagination-item').eq(4).click()
+    cy.getByTestID('table-cell 28').should('be.visible')
     cy.getByTestID('table-cell 29').should('be.visible')
     cy.getByTestID('table-cell 30').should('be.visible')
     cy.getByTestID('pagination-item').last().click()
 
-    // click page 14
+    // click page 9
     cy.getByTestID('pagination-item').eq(3).click()
+    cy.getByTestID('table-cell 25').should('be.visible')
+    cy.getByTestID('table-cell 26').should('be.visible')
     cy.getByTestID('table-cell 27').should('be.visible')
-    cy.getByTestID('table-cell 28').should('be.visible')
     cy.getByTestID('pagination-item').last().click()
 
-    // click page 13
+    // click page 8
     cy.getByTestID('pagination-item').eq(2).click()
-    cy.getByTestID('table-cell 25').should('be.visible')
-    cy.getByTestID('table-cell 26').should('be.visible')
+    cy.getByTestID('table-cell 22').should('be.visible')
+    cy.getByTestID('table-cell 23').should('be.visible')
+    cy.getByTestID('table-cell 24').should('be.visible')
     cy.getByTestID('pagination-item').last().click()
 
-    // click page 12
+    // click page 7
     cy.getByTestID('pagination-item').eq(1).click()
-    cy.getByTestID('table-cell 23').should('be.visible')
-    cy.getByTestID('table-cell 24').should('be.visible')
+    cy.getByTestID('table-cell 19').should('be.visible')
+    cy.getByTestID('table-cell 20').should('be.visible')
+    cy.getByTestID('table-cell 21').should('be.visible')
     cy.getByTestID('pagination-item').last().click()
 
     // click left button
     cy.getByTestID('pagination-direction-item').eq(0).click()
+    cy.getByTestID('table-cell 28').should('be.visible')
     cy.getByTestID('table-cell 29').should('be.visible')
     cy.getByTestID('table-cell 30').should('be.visible')
   })

package.json

@@ -166,7 +166,7 @@
     "@docsearch/react": "^3.0.0-alpha.37",
     "@influxdata/clockface": "^6.3.8",
     "@influxdata/flux-lsp-browser": "0.8.35",
-    "@influxdata/giraffe": "^2.37.0",
+    "@influxdata/giraffe": "^2.37.1",
     "@influxdata/influxdb-templates": "0.9.0",
     "@influxdata/react-custom-scrollbars": "4.3.8",
     "abortcontroller-polyfill": "^1.3.0",

yarn.lock

@@ -1449,10 +1449,10 @@
   resolved "https://registry.yarnpkg.com/@influxdata/flux-lsp-browser/-/flux-lsp-browser-0.8.35.tgz#ed92117d46f297bacf6aec7e7ace451d55bdff79"
   integrity sha512-d/zlUAx+O67aTBVNIr0XznuDl2jkGELlahRL2OIPOawfnAkNNREuC8iMhov8dq+Bw9d5w+mT041UKzhxZXl1Kg==
 
-"@influxdata/giraffe@^2.37.0":
-  version "2.37.0"
-  resolved "https://registry.yarnpkg.com/@influxdata/giraffe/-/giraffe-2.37.0.tgz#a4e06aed4d10dc85067feb79830ff31037175161"
-  integrity sha512-XTGC9fo6g70pbwgD9XV0Yvi1JHMGypI8CR3UAg7nJGq5MgbCgo9nzLaxvilKdcvngrQGCzARvw+ixawfIUHrJg==
+"@influxdata/giraffe@^2.37.1":
+  version "2.37.1"
+  resolved "https://registry.yarnpkg.com/@influxdata/giraffe/-/giraffe-2.37.1.tgz#63439ea226093c96564f1c1a6e438318c70a9f63"
+  integrity sha512-ISUmUKNhqrWk0JNVwCa20CGO9DzTOaGZUg8Ma0OeG5OhhX0z1niJQZ/MoonYC/virTWm+iERo0URBUZeMtwcIw==
   dependencies:
     merge-images "^2.0.0"