check region menu explore template button attribute test case

docs/releases/v2.2.0.md

@@ -12,6 +12,7 @@
 - Fixed false positive CSP violations (#490)
 - Fixed `standAloneVolumes` only showing the first volume
 - Fixed `pluginControl.loadExternalLibraries` and `pluginControl.unloadExternalLibraries` (#516)
+- Fixed Hemisphere information overflowed in region menu explore template list (#529)
 
 ## Under the hood stuff
 

e2e/src/navigating/navigateFromRegion.prod.e2e-spec.js

@@ -134,12 +134,12 @@ describe('> explore same region in different templates', () => {
 
   describe('> menu UI', () => {
     const data = TEST_DATA[0]
-    
+
     beforeEach(async () => {
-      await getBeforeEachFn(iavPage)(data)()
     })
 
     it('> dismisses when user clicks/drags outside', async () => {
+      await getBeforeEachFn(iavPage)(data)()
       const { expectedRegion, expectedTemplateLabels, position, url, templateName } = data
 
       await iavPage.cursorMoveToAndDrag({
@@ -157,5 +157,19 @@ describe('> explore same region in different templates', () => {
         expect(true).toBe(true)
       }
     })
+
+    it('> Tooltip visible if overflowed', async () => {
+      const data2 = TEST_DATA[1]
+      await getBeforeEachFn(iavPage)(data2)()
+
+      const {expectedRegion, expectedTemplateLabels, position, url, templateName} = data2
+
+      const desiredTemplateButton = await expectedTemplateLabels.find(el => el.name.length > 30)
+
+      if (desiredTemplateButton) {
+        const test = await iavPage.getAttribute(`[aria-label="${SHOW_IN_OTHER_REF_SPACE}: ${desiredTemplateButton.name}${desiredTemplateButton.hemisphere ? (' - ' + desiredTemplateButton.hemisphere) : ''}"]`, 'matTooltip')
+        console.log(test)
+      }
+    })
   })
 })