const iframeId = 'coralStreamEmbed_iframe';
const SortedWindowHandler = require('../utils/SortedWindowHandler');

module.exports = {
  commands: [{
    navigateToAsset(asset) {
      this.api.url(`${this.api.launchUrl}/assets/title/${asset}`);
      return this;
    },
    getEmbedSection() {
      this.waitForElementVisible('@iframe');

      // Pause a bit to let iframe initialize in the hope that it'll
      // fix https://www.browserstack.com/automate/builds/96419cf46e3d6376a36ae6d3f90934112df1ed91/sessions/224f1a1566c1c8c7859e2e76ece51862200f0173#automate_button
      this.api.pause(200);

      this.api.frame(iframeId);
      this.expect.section('@embed').to.be.present;
      return this.section.embed;
    },
    login(user = {}) {
      const embed = this
        .navigate()
        .getEmbedSection();
  
      const windowHandler = new SortedWindowHandler(this);
  
      embed
        .waitForElementVisible('@signInButton')
        .click('@signInButton');
  
      // Wait for window to be created
      // https://www.browserstack.com/automate/builds/1ceccf4efb4683b7feb890f45a32b5922b40ed3f/sessions/17b1a79682bef2498cb0be86eac317a08c976b0a#automate_button
      this.api.pause(200);
  
      // Focusing on the Login PopUp
      windowHandler.windowHandles((handles) => {
        this.api.switchWindow(handles[1]);
      });
  
      const login = this.api.page.login();
  
      login
        .waitForElementVisible('@registerButton')
        .click('@registerButton')
        .setValue('@emailInput', user.email)
        .setValue('@usernameInput', user.username)
        .setValue('@passwordInput', user.password)
        .setValue('@confirmPasswordInput', user.password)
        .waitForElementVisible('@signUpButton')
        .click('@signUpButton')
        .waitForElementVisible('@signIn')
        .waitForElementVisible('@loginButton')
        .click('@loginButton');
  
      // Give a tiny bit of time to let popup close.
      this.api.pause(50);
  
      if (this.api.capabilities.browserName === 'MicrosoftEdge') {
  
        // More time for edge.
        // https://www.browserstack.com/automate/builds/1ceccf4efb4683b7feb890f45a32b5922b40ed3f/sessions/7393dbfda8387e43b6d5851f359b0c07db414973
        this.api.pause(1000);
      }
  
      // Focusing on the Embed Window
      windowHandler.windowHandles((handles) => {
        this.api.switchWindow(handles[0]);
      });
    },
    logout() {      
      const embed = this
        .navigate()
        .getEmbedSection();
  
      embed
        .waitForElementVisible('@commentsTabButton')
        .click('@commentsTabButton')
        .waitForElementVisible('@logoutButton')
        .click('@logoutButton');
    }
  }],
  url: function() {
    return this.api.launchUrl;
  },
  elements: {
    iframe: `#${iframeId}`,
  },
  sections: {
    embed: {
      commands: [{
        getProfileSection() {
          this.waitForElementVisible('@profileTabButton');
          this.click('@profileTabButton');
          this.expect.section('@profile').to.be.present;
          return this.section.profile;
        },
        getCommentsSection() {
          this.waitForElementVisible('@commentsTabButton');
          this.click('@commentsTabButton');
          this.expect.section('@comments').to.be.present;
          return this.section.comments;
        },
      }],
      selector: '#talk-embed-stream-container',
      elements: {
        logoutButton: '.talk-stream-userbox-logout',
        commentsTabButton: '.talk-embed-stream-comments-tab > button',
        profileTabButton: '.talk-embed-stream-profile-tab > button',
        signInButton: '#coralSignInButton',
        commentBoxTextarea: '#commentText',
        commentBoxPostButton: '.talk-plugin-commentbox-button',
        firstComment: '.talk-stream-comment.talk-stream-comment-level-0',
        firstCommentContent: '.talk-stream-comment.talk-stream-comment-level-0 .talk-stream-comment-content',
        flagButton: '.talk-stream-comment.talk-stream-comment-level-0 .talk-plugin-flags-button',
        respectButton: '.talk-stream-comment.talk-stream-comment-level-0 .talk-stream-comment-footer .talk-plugin-respect-button',
        restrictedMessageBox: '.talk-restricted-message-box',
        suspendedAccountInput: '.talk-suspended-account-username-input',
        suspendedAccountSubmitButton: '.talk-suspended-account-submit-button',
        banDialog: '.talk-ban-user-dialog',
        banDialogConfirmButton: '.talk-ban-user-dialog-button-confirm',
      },
      sections: {
        flag: {
          selector: '.talk-plugin-flags-popup',
          elements: {
            offensiveUsernameRadio: '.talk-plugin-flags-popup-radio#USERNAME_OFFENSIVE',
            flagUsernameRadio: '.talk-plugin-flags-popup-radio#USERS',
            continueButton: '.talk-plugin-flags-popup-button',
            popUpText: '.talk-plugin-flags-popup-text',
          }
        },
        mod: {
          selector: '.talk-plugin-moderation-actions',
          elements: {
            arrow: '.talk-plugin-moderation-actions-arrow',
            menu: '.talk-plugin-modetarion-actions-menu',
            banButton: '.talk-plugin-moderation-actions-ban',
          },
        },
        profile: {
          selector: '.talk-embed-stream-profile-tab-pane',
          elements: {
            notLoggedIn: '.talk-embed-stream-not-logged-in',
            myCommentHistory: '.talk-my-profile-comment-history',
            myCommentHistoryReactions: '.talk-my-profile-comment-history .comment-summary .comment-summary-reactions',
            myCommentHistoryReactionCount: '.talk-my-profile-comment-history .comment-summary .comment-summary-reactions .comment-summary-reaction-count',
            myCommentHistoryComment: '.talk-my-profile-comment-history .my-comment-body',
          },
        },
        comments: {
          selector: '.talk-embed-stream-comments-tab-pane',
          elements: {},
        },
      },
    },
  },
};