fix(about): target parent element to access content (#6111)

blegesse-w · web-flow · commit e51653eec9d7 · 2022-10-18T16:32:15.000Z
* fix(about): target parent element to access content

* chore: update testID naming
diff --git a/cypress/e2e/shared/about.test.ts b/cypress/e2e/shared/about.test.ts
@@ -32,7 +32,7 @@ describe('About Page', () => {
     cy.getByTestID('copy-btn--orgid').should('not.be.disabled')
 
     if (CLOUD) {
-      cy.getByTestID('org-profile--panel').contains('Cloud Provider')
+      cy.getByTestID('org-profile--labeled-data').contains('Cloud Provider')
     }
 
     cy.getByTestID('rename-org--button').should('be.visible').click()
diff --git a/src/organizations/components/OrgProfileTab/index.tsx b/src/organizations/components/OrgProfileTab/index.tsx
@@ -80,6 +80,7 @@ const OrgProfileTab: FC = () => {
             justifyContent={JustifyContent.SpaceBetween}
             stretchToFitWidth={true}
             style={orgProviderExists ? {width: '85%'} : {width: '48%'}}
+            testID="org-profile--labeled-data"
           >
             {orgProviderExists && (
               <LabeledData label="Cloud Provider" src={quartzOrg.provider} />

Original file line number	Diff line number	Diff line change
`@@ -32,7 +32,7 @@ describe('About Page', () => {`
`32`	`32`	`cy.getByTestID('copy-btn--orgid').should('not.be.disabled')`
`33`	`33`
`34`	`34`	`if (CLOUD) {`
`35`		`- cy.getByTestID('org-profile--panel').contains('Cloud Provider')`
	`35`	`+ cy.getByTestID('org-profile--labeled-data').contains('Cloud Provider')`
`36`	`36`	`}`
`37`	`37`
`38`	`38`	`cy.getByTestID('rename-org--button').should('be.visible').click()`
Original file line number	Diff line number	Diff line change
`@@ -80,6 +80,7 @@ const OrgProfileTab: FC = () => {`
`80`	`80`	`justifyContent={JustifyContent.SpaceBetween}`
`81`	`81`	`stretchToFitWidth={true}`
`82`	`82`	`style={orgProviderExists ? {width: '85%'} : {width: '48%'}}`
	`83`	`+ testID="org-profile--labeled-data"`
`83`	`84`	`>`
`84`	`85`	`{orgProviderExists && (`
`85`	`86`	`<LabeledData label="Cloud Provider" src={quartzOrg.provider} />`