Merge pull request #4188 from shan14T/updateIdsCamelCasing

updated the ids of web elements in the files to use camel case
wevote · Dec 3, 2024 · c390d12 · c390d12
2 parents 3824dbd + 4d66a89
commit c390d12
Show file tree

Hide file tree

Showing 9 changed files with 36 additions and 36 deletions.
diff --git a/src/js/components/Intro/FriendInvitationOnboardingIntro.jsx b/src/js/components/Intro/FriendInvitationOnboardingIntro.jsx
@@ -153,7 +153,7 @@ class FriendInvitationOnboardingIntro extends Component {
             </>
           )}
         </FriendInvitationTopHeader>
-        <FriendInvitationIntroHeader id="WeVotehelpsyouListHeaderText" className="FriendInvitationIntroHeader">
+        <FriendInvitationIntroHeader id="weVoteHelpsYouListHeaderText" className="FriendInvitationIntroHeader">
           WeVote helps you:
         </FriendInvitationIntroHeader>
         <FriendInvitationListWrapper>
@@ -184,7 +184,7 @@ class FriendInvitationOnboardingIntro extends Component {
                   Make a plan for casting your vote. See your entire ballot. Find your polling location.
                 </StepText>
               ) : (
-                <StepText id="BeconfidentinyourchoicesHeader" onClick={this.onClickShowAllStepOne}>
+                <StepText id="beConfidentInYourChoicesHeader" onClick={this.onClickShowAllStepOne}>
                   {showCountDownDays ? (
                     <>
                       There are

diff --git a/src/js/components/Intro/FriendInvitationOnboardingValues.jsx b/src/js/components/Intro/FriendInvitationOnboardingValues.jsx
@@ -62,7 +62,7 @@ class FriendInvitationOnboardingValues extends Component {
               Opinions will be highlighted on your ballot based on what you follow. Follow as many values/issues...
               {' '}
               (
-              <span id="showmorelink" className="u-cursor--pointer u-link-color">
+              <span id="showMoreLink" className="u-cursor--pointer u-link-color">
                 show more
               </span>
               )

diff --git a/src/js/components/Navigation/FooterCandidateList.jsx b/src/js/components/Navigation/FooterCandidateList.jsx
@@ -11,7 +11,7 @@ export default function FooterCandidateList () {
   let stateNamePhraseLowerCase;
   return (
     <FooterCandidateListWrapper>
-      <SimpleModeTitle id="whosrunningforofficesectiontitle">
+      <SimpleModeTitle id="whosRunningForOfficeSectionTitle">
         Who&apos;s running for office?
       </SimpleModeTitle>
       {stateNameList.map((stateName) => {

diff --git a/src/js/components/Navigation/FooterMainWeVote.jsx b/src/js/components/Navigation/FooterMainWeVote.jsx
@@ -103,7 +103,7 @@ class FooterMainWeVote extends Component {
             <OneRow>
               {isWebApp() ? (
                 <>
-                  <Link id="footerlinkAboutFAQ" to="/more/faq" className={classes.link}>
+                  <Link id="footerLinkAboutFAQ" to="/more/faq" className={classes.link}>
                     About &amp; FAQ
                   </Link>
                   <RowSpacer />
@@ -159,7 +159,7 @@ class FooterMainWeVote extends Component {
           </TopSectionInnerWrapper>
         </TopSectionOuterWrapper>
         <BottomSection>
-          <Text id="wevotefootertext">
+          <Text id="weVoteFooterText">
             <WeVoteName>
               WeVote
             </WeVoteName>

diff --git a/src/js/components/Ready/ReadyFinePrint.jsx b/src/js/components/Ready/ReadyFinePrint.jsx
@@ -55,30 +55,30 @@ class ReadyFinePrint extends Component {
     return (
       <OuterWrapper>
         <InnerWrapper>
-          <IntroHeader id="thefineprintheadertext" titleCentered={titleCentered} titleLarge={titleLarge} tabIndex={0} ref={this.introHeaderRef}>
+          <IntroHeader id="theFinePrintHeaderText" titleCentered={titleCentered} titleLarge={titleLarge} tabIndex={0} ref={this.introHeaderRef}>
             The fine print:
           </IntroHeader>
           <ListWrapper>
             <ListMaxWidth>
               <ListTitleRow onClick={this.contentUnfurledLink}>
-                <Dot><StepNumber id="fineprintmenuitema">a</StepNumber></Dot>
-                <StepTitle id="fineprinttextmenuheadera">You cannot cast your vote electronically</StepTitle>
+                <Dot><StepNumber id="finePrintMenuItema">a</StepNumber></Dot>
+                <StepTitle id="finePrintTextMenuHeadera">You cannot cast your vote electronically</StepTitle>
               </ListTitleRow>
               {contentUnfurled && (
                 <ListRow>
                   <Dot><StepNumberPlaceholder>&nbsp;</StepNumberPlaceholder></Dot>
-                  <StepText id="readyFinePrintStepTextA">WeVote will not submit your vote. You will need to vote in person or vote-by-mail to have your vote count.</StepText>
+                  <StepText id="readyFinePrintStepTexta">WeVote will not submit your vote. You will need to vote in person or vote-by-mail to have your vote count.</StepText>
                 </ListRow>
               )}
 
               <ListTitleRow onClick={this.contentUnfurledLink}>
-                <Dot><StepNumber id="fineprintmenuitemb">b</StepNumber></Dot>
-                <StepTitle id="fineprinttextmenuheaderb">WeVote does not represent a government entity</StepTitle>
+                <Dot><StepNumber id="finePrintMenuItemb">b</StepNumber></Dot>
+                <StepTitle id="finePrintTextMenuHeaderb">WeVote does not represent a government entity</StepTitle>
               </ListTitleRow>
               {contentUnfurled && (
                 <ListRow>
                   <Dot><StepNumberPlaceholder>&nbsp;</StepNumberPlaceholder></Dot>
-                  <StepText id="readyFinePrintStepTextB">
+                  <StepText id="readyFinePrintStepTextb">
                     <Suspense fallback={<></>}>
                       <ReadMore
                         textToDisplay="WeVote should not be considered official government information.
@@ -96,29 +96,29 @@ class ReadyFinePrint extends Component {
 
               {(contentUnfurled || showStep3WhenCompressed) && (
                 <ListTitleRow onClick={this.contentUnfurledLink}>
-                  <Dot><StepNumber id="fineprintmenuitemc">c</StepNumber></Dot>
-                  <StepTitle id="fineprinttextmenuheaderc">Please make sure you are registered to vote</StepTitle>
+                  <Dot><StepNumber id="finePrintMenuitemc">c</StepNumber></Dot>
+                  <StepTitle id="finePrintTextMenuHeaderc">Please make sure you are registered to vote</StepTitle>
                 </ListTitleRow>
               )}
               {contentUnfurled && (
                 <ListRow>
                   <Dot><StepNumberPlaceholder>&nbsp;</StepNumberPlaceholder></Dot>
-                  <StepText id="readyFinePrintStepTextC">
+                  <StepText id="readyFinePrintStepTextc">
                     Many states require you to register weeks in advance of each election. Search the web for &quot;voter registration&quot; + your state to learn how to register in time.
                   </StepText>
                 </ListRow>
               )}
 
               {(contentUnfurled || showStep3WhenCompressed) && (
                 <ListTitleRow onClick={this.contentUnfurledLink}>
-                  <Dot><StepNumber id="fineprintstepd">d</StepNumber></Dot>
-                  <StepTitle id="fineprinttextmenuheader4">How your data is used  &amp; protected</StepTitle>
+                  <Dot><StepNumber id="finePrintStepd">d</StepNumber></Dot>
+                  <StepTitle id="finePrintTextMenuHeaderd">How your data is used  &amp; protected</StepTitle>
                 </ListTitleRow>
               )}
               {contentUnfurled && (
                 <ListRow>
                   <Dot><StepNumberPlaceholder>&nbsp;</StepNumberPlaceholder></Dot>
-                  <StepText id="readyFinePrintStepTextD">
+                  <StepText id="readyFinePrintStepTextd">
                     WeVote will never share or sell your contact information.
                     {' '}
                     <Link to="/privacy" className="u-link-color">See full privacy policy here</Link>

diff --git a/src/js/components/Ready/ReadyIntroduction.jsx b/src/js/components/Ready/ReadyIntroduction.jsx
@@ -95,40 +95,40 @@ class ReadyIntroduction extends Component {
     return (
       <OuterWrapper>
         <InnerWrapper>
-          <IntroHeader id="wevotehelpsyouheadertext" titleCentered={titleCentered} titleLarge={titleLarge} tabIndex={0} ref={this.introHeaderRef}>
+          <IntroHeader id="weVoteHelpsYouHeaderText" titleCentered={titleCentered} titleLarge={titleLarge} tabIndex={0} ref={this.introHeaderRef}>
             WeVote helps you:
           </IntroHeader>
           <ListWrapper>
             <ListMaxWidth>
               <ListTitleRow onClick={this.contentUnfurledLink}>
-                <Dot><StepNumber id="wevotehelpsyoumenuitem1">1</StepNumber></Dot>
-                <StepTitle id="wevotehelpsyoumenuheader1">Be ready to vote</StepTitle>
+                <Dot><StepNumber id="weVoteHelpsYouMenuItem1">1</StepNumber></Dot>
+                <StepTitle id="weVoteHelpsYouMenuHeader1">Be ready to vote</StepTitle>
               </ListTitleRow>
               {contentUnfurled && (
                 <ListRow>
                   <Dot><StepNumberPlaceholder>&nbsp;</StepNumberPlaceholder></Dot>
                   <StepText id="readyIntroductionStepText1">
                     <button style={{ backgroundColor: 'transparent', border: 'none', padding: '0' }} onClick={this.showSelectBallotModalEditAddress} type="button">
-                      <span id="EnterAddressText" className="u-link-color u-link-color-on-hover u-link-underline-on-hover">Enter your address</span>
+                      <span id="enterAddressText" className="u-link-color u-link-color-on-hover u-link-underline-on-hover">Enter your address</span>
                     </button>
                     {' '}
                     to find out when your next election is, and
                     {' '}
-                    <Link to="/ballot" id="previewyourballotlink" className="u-link-color">preview your ballot</Link>
+                    <Link to="/ballot" id="previewYourBallotLink" className="u-link-color">preview your ballot</Link>
                     .
                     {' '}
                     How are
                     {' '}
-                    <Link to="/findfriends/importcontacts" id="yourfriendslink" className="u-link-color">your friends</Link>
+                    <Link to="/findfriends/importcontacts" id="yourFriendsLink" className="u-link-color">your friends</Link>
                     {' '}
                     planning to vote?
                   </StepText>
                 </ListRow>
               )}
 
               <ListTitleRow onClick={this.contentUnfurledLink}>
-                <Dot><StepNumber id="wevotehelpsyoumenuitem2">2</StepNumber></Dot>
-                <StepTitle id="wevotehelpsyoumenuheader2">Be confident in your choices</StepTitle>
+                <Dot><StepNumber id="weVoteHelpsYouMenuItem2">2</StepNumber></Dot>
+                <StepTitle id="weVoteHelpsYouMenuHeader2">Be confident in your choices</StepTitle>
               </ListTitleRow>
               {contentUnfurled && (
                 <ListRow>
@@ -154,16 +154,16 @@ class ReadyIntroduction extends Component {
               )}
               {(contentUnfurled || showStep3WhenCompressed) && (
                 <ListTitleRow onClick={this.contentUnfurledLink}>
-                  <Dot><StepNumber id="wevotehelpsyoumenuitem3">3</StepNumber></Dot>
-                  <StepTitle id="wevotehelpsyoumenuheader3">Help friends &amp; amplify your impact</StepTitle>
+                  <Dot><StepNumber id="weVoteHelpsYouMenuItem3">3</StepNumber></Dot>
+                  <StepTitle id="weVoteHelpsYouMenuHeader3">Help friends &amp; amplify your impact</StepTitle>
                 </ListTitleRow>
               )}
               {contentUnfurled && (
                 <ListRow>
                   <Dot><StepNumberPlaceholder>&nbsp;</StepNumberPlaceholder></Dot>
                   <StepText id="readyIntroductionStepText3">
                     {isWebApp() || isCordova() ? (
-                      <Link to="/findfriends/importcontacts" id="inviteyourfriendslink" className="u-link-color">Invite your friends</Link>
+                      <Link to="/findfriends/importcontacts" id="inviteYourFriendsLink" className="u-link-color">Invite your friends</Link>
                     ) : (
                       <>Invite your friends</>
                     )}

diff --git a/src/js/components/Values/IssueCard.jsx b/src/js/components/Values/IssueCard.jsx
@@ -197,7 +197,7 @@ class IssueCard extends Component {
 
     const issueTooltip = isMobileScreenSize() ? (<span />) : (
       <Tooltip className="u-z-index-9020" id="issueTooltip">
-        <div id="topictooltipmsg">
+        <div id="topicToolTipMsg">
           Follow
           {' '}
           {issueDisplayName}
@@ -253,7 +253,7 @@ class IssueCard extends Component {
     }
 
     const followersTooltip = isMobileScreenSize() ? (<span />) : (
-      <Tooltip className="u-z-index-9020" id="followersTooltip">
+      <Tooltip className="u-z-index-9020" id="followersToolTip">
         <div>
           {numberAbbreviate(issueFollowersCount)}
           {' '}
@@ -305,7 +305,7 @@ class IssueCard extends Component {
           </IssueAdvocatesImages>
         )}
         {!!(linkedOrganizationCount) && (
-          <LinkedOrganizationCountWrapper id="numberofendorsements">
+          <LinkedOrganizationCountWrapper id="numberOfEndorsements">
             {numberAbbreviate(linkedOrganizationCount)}
             <CheckWrapper>
               <Check />

diff --git a/src/js/components/Values/IssueFollowToggleButton.jsx b/src/js/components/Values/IssueFollowToggleButton.jsx
@@ -177,7 +177,7 @@ class IssueFollowToggleButton extends Component {
         {isFollowing ? (
           <>
             <Button
-              id="checkcircleiconfollowtopic"
+              id="checkCircleIconFollowTopic"
               type="button"
               className="issues-follow-btn issues-follow-btn__main issues-follow-btn__icon issues-follow-btn--white issues-followed-btn--disabled"
               disabled
@@ -198,7 +198,7 @@ class IssueFollowToggleButton extends Component {
               id={`toggleFollowMenuButton-${issueWeVoteId}`}
             >
               <ArrowDropDown />
-              <span id="arrowiconfollowtopic" className="sr-only">Toggle Dropdown</span>
+              <span id="arrowIconFollowTopic" className="sr-only">Toggle Dropdown</span>
             </Button>
             <Menu
               id="follow-menu"

diff --git a/src/js/components/Widgets/ShowMoreButtons.jsx b/src/js/components/Widgets/ShowMoreButtons.jsx
@@ -21,7 +21,7 @@ class ShowMoreButtons extends React.Component {
 
     return (
       <ShowMoreButtonsStyled className="card-child" id={`toggleContentButton-${showMoreId}`} onClick={showMoreButtonsLink}>
-        <ShowMoreButtonsText id="showmorelink">
+        <ShowMoreButtonsText id="showMoreLink">
           { showMoreText }
           {' '}
           {showMoreButtonWasClicked ? (