Add more generic test for button

It should now test that the aria-label of the button contains the visual label of the button. This will avoir recreating this type of issue in the future
Financial-Times · Dec 12, 2022 · c1bd621 · c1bd621
1 parent cb35cc0
commit c1bd621
Showing 1 changed file with 10 additions and 0 deletions.
diff --git a/components/x-follow-button/__tests__/x-follow-button.test.jsx b/components/x-follow-button/__tests__/x-follow-button.test.jsx
@@ -87,6 +87,11 @@ describe('x-follow-button', () => {
 					'Added ConceptName to myFT: click to remove'
 				)
 			})
+
+			it('button aria-label contains the visual label string', () => {
+				const subject = mount(<FollowButton isFollowed={true} conceptName={'ConceptName'} />)
+				expect(subject.find('button').prop('aria-label')).toContain(subject.find('button').text())
+			})
 		})
 
 		describe('when false', () => {
@@ -109,6 +114,11 @@ describe('x-follow-button', () => {
 				const subject = mount(<FollowButton isFollowed={false} conceptName={'ConceptName'} />)
 				expect(subject.find('button').prop('aria-label')).toEqual('Add to myFT: ConceptName')
 			})
+
+			it('button aria-label contains the visual label string', () => {
+				const subject = mount(<FollowButton isFollowed={false} conceptName={'ConceptName'} />)
+				expect(subject.find('button').prop('aria-label')).toContain(subject.find('button').text())
+			})
 		})
 	})