Add e2e test for voting dialog launch protocol

features/step_definitions/generic.step.js

@@ -119,6 +119,11 @@ defineSupportCode(({ Given, When, Then, setDefaultTimeout }) => {
     waitForElemAndCheckItsText(selectorClass, text, callback);
   });
 
+  Then('I should see "{elementName}" element with text:', (elementName, text, callback) => {
+    const selectorClass = `.${elementName.replace(/ /g, '-')}`;
+    waitForElemAndCheckItsText(selectorClass, text, callback);
+  });
+
   Then('I should see element "{elementName}" that contains text:', (elementName, text, callback) => {
     const selectorClass = `.${elementName.replace(/ /g, '-')}`;
     waitForElemAndCheckItsText(selectorClass, text, callback);
@@ -136,6 +141,10 @@ defineSupportCode(({ Given, When, Then, setDefaultTimeout }) => {
     waitForElemAndClickIt('.login-button', callback);
   });
 
+  When('I go to "{url}"', (url, callback) => {
+    browser.get(`http://localhost:8080/#${url}`).then(callback);
+  });
+
   When('I {iterations} times move mouse randomly', (iterations, callback) => {
     const actions = browser.actions();
     /**

features/voting.feature

@@ -111,3 +111,17 @@ Feature: Voting tab
     And I click "vote button"
     And I click "cancel button"
     Then I should see no "modal dialog"
+
+  Scenario: should allow to select delegates by URL
+    Given I'm logged in as "delegate candidate"
+    When I go to "/main/voting/vote?upvote=standby_27,standby_28,standby_29,nonexisting_22&downvote=standby_33"
+    Then I should see text "3 delegate names successfully resolved to add vote to." in "upvotes message" element
+    And I should see text "1 of delegate names selected for downvote were not voted for:standby_33" in "notVotedYet message" element
+    And I should see text "1 of entered delegate names could not be resolved:nonexisting_22" in "notFound message" element
+    And I should see "vote list" element with text:
+      """
+      standby_27
+      standby_28
+      standby_29
+      """
+

src/components/voteDialog/voteAutocomplete.js

@@ -196,7 +196,7 @@ export class VoteAutocompleteRaw extends React.Component {
     return (
       <article>
         <h3 className={styles.autoCompleteTile}>{this.props.t('Add vote to')}</h3>
-        <div>
+        <div className='vote-list'>
           {votedList.map(
             item => <Chip key={item}
               deletable
@@ -229,7 +229,7 @@ export class VoteAutocompleteRaw extends React.Component {
           </Card>
         </section>
         <h3 className={styles.autoCompleteTile}>{this.props.t('Remove vote from')}</h3>
-        <div>
+        <div className='unvote-list'>
           {unvotedList.map(
             item => <Chip key={item}
               deletable