Updated to use data attributes

cypress/integration/messenger.spec.js

@@ -18,13 +18,13 @@ context('Messenger', () => {
  const passwordInput = (i) => `input[type=password]:nth-child(${i})`;
  const submitPassword = 'm-messenger--encryption > div > button';
  const messageInput = '.m-messenger--conversation-composer > textarea';
- const sendButton = '.m-messenger--conversation-composer > i:nth-child(3)';
+ const sendButton = '[data-cy=send]';
  const messageBubble = '.m-messenger--conversation-message-bubble';
 
- const settingsButton = '.m-messenger--dockpane-tab-actions > i:nth-child(2)';
- const closeButton = '.m-messenger--dockpane-tab-actions > i:nth-child(3)';
+ const settingsButton = '[data-cy=options]';
+ const closeButton = '[data-cy=close]';
 
- const destroyButton = '.m-messenger--dockpane-tab-ribbon > div:nth-child(1) > i';
+ const destroyButton = '[data-cy=destroy]';
 
  before(() => {
  cy.newUser(testUsername, testPassword);
@@ -34,8 +34,8 @@ context('Messenger', () => {
  cy.preserveCookies();
  cy.server();
  cy.route('GET', '**/api/v2/messenger/search?*').as('search');
- cy.route('POST', '**/api/v2/messenger/conversations/**').as('send');
  cy.route('GET', '**/api/v2/messenger/conversations/**').as('conversations');
+ cy.route('POST', '**/api/v2/messenger/conversations/**').as('send');
  cy.route('POST', '**/api/v2/messenger/keys/setup**').as('keys')
  
  cy.get(openMessenger)

src/app/modules/messenger/conversation/conversation.component.html

@@ -19,8 +19,13 @@
  <i class="material-icons mdl-color-text--blue-grey-100" [hidden]="live"
  >sync_problem</i
  >
- <i class="material-icons" (click)="ribbonToggle()">more_vert</i>
- <i class="material-icons" (click)="dockpanes.close(conversation)"
+ <i class="material-icons" (click)="ribbonToggle()" data-cy="options"
+ >more_vert</i
+ >
+ <i
+ class="material-icons"
+ (click)="dockpanes.close(conversation)"
+ data-cy="close"
  >close</i
  >
  </div>
@@ -42,7 +47,9 @@
  i18n-title="@@MESSENGER__CONVERSATION__DELETE_TOOLTIP"
  >delete</i
  >
- <ng-container i18n="@@MESSENGER__CONVERSATION__DESTROY"
+ <ng-container
+ i18n="@@MESSENGER__CONVERSATION__DESTROY"
+ data-cy="destroy"
  >Destroy</ng-container
  >
  </div>
@@ -244,6 +251,7 @@
  <i
  class="material-icons mdl-color-text--blue-grey-600"
  (click)="send($event); emoji.close()"
+ data-cy="send"
  >send_arrow</i
  >
  <minds-emoji [localDirective]="emoji"></minds-emoji>