signedin.page.js

import { $, $$, expect, driver } from '@wdio/globals';
import Page from './page';

const waitTime = 3000;

class SignedIn extends Page {

    get signInButton() {
      return $('//*[contains(@id, "signIn")]');
    }

    get signInWithTwitterButton() {
        return $('//*[contains(@id, "twitterSignIn-splitIconButton")]');
    }

    get signInWithAppleButton() {
        return $('//*[contains(@id, "appleSignInText")]');
    }

    get signInWithEmailOption() {
        return $('//*[contains(@id, "enterVoterEmailAddress-label") and contains(@id, "enterVoterEmailAddress")]');
    }

    get signInWithPhoneNumberOption() {
        return $('//*[contains(@id, "enterVoterPhone-label") and contains(@id, "enterVoterPhone")]');
    }

    get deleteIconAfterUploadingPhoto() {
        return $('[data-testid = "DeleteIcon"]');
    }

    get firstNameInput() {
        return $('//*[contains(@id,"first-name-domainDesktop")]');
    }

    get lastNameInput() {
        return $('//*[contains(@id,"last-name-domainDesktop")]');
    }

    get organizationNameInput() {
        return $('//*[contains(@id,"organization-name-domainDesktop")]');
    }

    get websiteInput() {
        return $('//*[contains(@id,"organizationWebsiteTextArea-domainDesktop-label")]');
    }

    get descriptionInput() {
        return $('//*[contains(@id,"organizationDescriptionTextArea-domainDesktop")]');
    }

    get typeOfProfile() {
        return $('//*[contains(@id,"typeOfProfileText")]');
    }

    // async clickOnDragDropBoxToUploadPhoto() { //photo upload on hold for now
    //     //return $('[data-testid = "AccountCircleIcon"]');
    //     const localFilePath = '/Users/ayusheedash/MyProjects/wevote_profile_image.jpg';
    //     const remoteFilePath = await driver.uploadFile(localFilePath);
    //     const fileInput = await $('[data-testid = "AccountCircleIcon"]');
    //     await fileInput.setValue(remoteFilePath);
    // }

    async enterPhoneNumberInPhoneNumberInput() {
        await $('#enterVoterPhone').setValue("808-935-8555");
    }

    async clickOnSendCodeOption() {
        await $('#desktopSmsSendCode').click();
    }

    get bellIconNotificationsSettingsText() {
        return $('//*[contains(@id, "notificationsHeader") or contains(@id, "noActivities")]');
    }

    get notificationTitleText() {
        return $('//*[contains(@id, "notificationTitleText")]');
    }

    get notificationBellIcon() {
        return $('[data-testid = "NotificationsIcon"]');
    }

    get notificationMailIcon() {
        return $('[data-testid = "MailOutlineIcon"]');
    }

    get addEmailAddressLink() {
        return $('//*[contains(@id, "addEmailLink")]');
    }

    get howItWorksTitleText() {
        return $('//*[contains(@id, "howWeVoteWorksTitleText")]');
    }

    get sideBarText() {
        return $('//*[contains(@id, "profileSideBarText")]');
    }

    async enterVerificationCode() {
        const verificationCode = '123456';

        await $('#digit1').setValue(verificationCode[0]);
        await $('#digit2').setValue(verificationCode[1]);
        await $('#digit3').setValue(verificationCode[2]);
        await $('#digit4').setValue(verificationCode[3]);
        await $('#digit5').setValue(verificationCode[4]);
        await $('#digit6').setValue(verificationCode[5]);
    }

    async clickOnVerifyButtonForCodeVerification() {
        await $('#emailVerifyButton').click();
    }

    async clickOnProfilePhotoPlaceholder() {
        await $('#profileAvatarHeaderBar').click();
    }

    async clickOnTermsOfServiceFooterLink() {
        await $('#openTermsOfService').click();
    }

    async clickOnPrivacyPolicyFooterLink() {
        await $('#openPrivacyPolicy').click();
    }

    async clickOnFAQLinkInNameAndPhoto() {
        await $('#profileFAQ').click();
    }

    async clickOnBellIconForNotifications() {
        await $('#headerNotificationMenuIcon').click();
    }

    async clickOnSecurityAndSignIn() {
        await $('#securityAndSignIn').click();
    }

    async clickOnRemovePhoto() {
        await $('//*[contains(@id, "removePhotoLink")]').click();
    }

    async clickOnSavePhoto() {
        await $('#saveEditYourPhotoBottom').click();
    }

    async enterAndRemoveFirstName() {
        const elem = await $('//input[@name="firstName"]');
        await elem.click();
        console.log(await elem.getValue());
        await driver.execute((elem) => {
          elem.value = null;
        }, elem);
        driver.pause(waitTime);
        console.log("after Deletion",await elem.getValue());
        await elem.setValue('Automated');
        const entered = await elem.getValue();
        driver.pause(waitTime);
        await expect(entered).toBe('Automated');
        console.log("Entered first name");
    }

     async enterAndRemoveLastName() {
        const elem = await $('//input[@name="lastName"]');
        await elem.click();
        console.log(await elem.getValue());
        await driver.execute((elem) => {
          elem.value = null;
        }, elem);
        driver.pause(waitTime);
        console.log("after deletion",await elem.getValue());
        await elem.setValue('Test');
        const entered = await elem.getValue();
        driver.pause(waitTime);
        await expect(entered).toBe('Test');
        console.log("Entered Last name");
    }
    async enterAndRemoveOrganisationWebsite() {
        const elem = await $('//input[@name="organizationWebsite"]');
        await elem.scrollIntoView();
        await elem.click();
        console.log(await elem.getValue());
        await driver.execute((elem) => {
          elem.value = null;
        }, elem);
        driver.pause(waitTime);
        console.log("after deletion",await elem.getValue());
        await elem.setValue('automated');
        const entered = await elem.getValue();
        driver.pause(waitTime);
        await expect(entered).toBe('automated');
        console.log("Entered Organisation Website");
     }
     async enterAndRemoveOrganisationDescription() {
        const elem = await $('//textarea[@name="organizationDescription"]');
        await elem.scrollIntoView({block:'center'});
        await elem.click();
        console.log(await elem.getValue());
        await driver.execute((elem) => {
          elem.value = null;
        }, elem);
        driver.pause(waitTime);
        console.log("after deletion",await elem.getValue());
        await elem.setValue('automated');
        driver.pause(waitTime);
        const entered = await elem.getValue();
        await expect(entered).toBe('automated');
        console.log("Entered Organisation Description");
    }

    async enterAndRemoveOrganisationName() {
        const elem = await $('//input[@name="organizationName"]');
        await elem.scrollIntoView({block:'center'});
        await elem.click();
        console.log(await elem.getValue());
        await driver.execute((elem) => {
          elem.value = null;
        }, elem);
        driver.pause(waitTime);
        console.log("after deletion",await elem.getValue());
        await elem.setValue('automated');
        driver.pause(waitTime);
        const entered = await elem.getValue();
        await expect(entered).toBe('automated');
        console.log("Entered Organisation Name");
    }

    async clickOnEachOptionInTypeOfProfile() {
        const ids = ['organizationTypeIdC3', 'organizationTypeIdC4', 'organizationTypeIdPAC', 'organizationTypeIdNonprofit',
            'organizationTypeIdGroup', 'organizationTypeIdPolitician', 'organizationTypeIdNews', 'organizationTypeIdCompany', 'organizationTypeIdUnknown',
            'organizationTypeIdIndividual'
        ];
        const textProfileTypes = ['Nonprofit 501(c)(3)', 'Nonprofit 501(c)(4)', 'Political Action Committee', 'Nonprofit (Type Not Specified)', 'Group or Club (10+ people)',
            'Politician', 'News Organization', 'Company', 'Not specified (Individual vs. Organization)', 'Individual'
        ];
        for (let i = 0; i < ids.length; i++) {
            const id = ids[i];
            const text = textProfileTypes[i];
            await $('#edit-domainDesktop').click();
            await $(`#${id}`).click();
            const textToBeDisplayed = await $(`//*[text()="${text}"]`);
            await expect(textToBeDisplayed).toBeDisplayed();
        }
    }

    async clickOnYourPrivacyAndData() {
        await $('#yourData').click();
    }

    async clickOnImportContactsLink() {
        await $('#importContactsLink').click();
    }

    async clickOnDeleteYourAccountLink() {
        await $('#deleteAllAccountDataLink').click();
    }

    async clickOnNotifications() {
        await $('#settingsNotifications').click();
    }

    async clickOnDiscuss() {
        await $('#settingsDiscuss').click();
    }

    async verifyAlreadyAddedEmailIdIfPresent() {
        if (await $('//*[contains(@id, "emailVerifyTitle")]').isDisplayed()) {
            const sendVerificationLink = await $('//*[contains(@id, "sendVerificationCodeAgain"]');
            const trashIcon = await $('[data-testid="DeleteIcon"]');
            const emailId = await $('//*[text()="wevote@wevote.us"]');
            expect (sendVerificationLink).toBeDisplayed();
            expect (trashIcon).toBeDisplayed();
            expect (emailId).toBeDisplayed();
        } else {
            await this.addEmailAddressLink;
        }
    }

    async clickOnHowItWorksLink() {
        await $('#footerLinkHowItWorks').click();
    }

    async clickOnAboutAndFAQLink() {
        await $('//*[contains(@id, "footerLinkAbout")]').click();
    }

    async clickOnHelpLink() {
        await $('#footerLinkWeVoteHelp').click();
    }

    async clickOnPrivacyLink() {
        await $('#footerLinkPrivacy').click();
    }

    async clickOnTermsLink() {
        await $('#footerLinkTerms').click();
    }

    async clickOnTeamLink() {
        await $('#footerLinkTeam').click();
    }

    async clickOnCreditAndThanksLink() {
        await $('#footerLinkCredit').click();
    }

    async closeTheHowItWorksDialogBox() {
        await $('[data-testid="CloseIcon"]').click();
    }

    async clickOnSignOutFromSideBar() {
        await $('#signOut_Settings').click();
    }

    async clickOnSignOutFromSecuritySignIn() {
        await $('#signOut_securitySignIn').click();
    }

    async privacyDataTopics() {
        await expect($('//*[contains(@id, "yourAddressBookText")]')).toBeDisplayed();
        await expect($('//*[contains(@id, "deleteAccountText")]')).toBeDisplayed();
    }

    async notificationTypes() {
        await expect($('//*[contains(@id, "notificationTitleText")]')).toBeDisplayed();
        await expect($('//*[contains(@id, "newFriendRequest_notification")]')).toBeDisplayed();
        await expect($('//*[contains(@id, "friendsOpinion_yourBallot_notification")]')).toBeDisplayed();
        await expect($('//*[contains(@id, "friendsOpinion_allRegions_notification")]')).toBeDisplayed();
        await expect($('//*[contains(@id, "friendsActivity_notification")]')).toBeDisplayed();
        await expect($('//*[contains(@id, "weVote_newsletter_notification")]')).toBeDisplayed();
    }

    async deleteAccountOptions() {
        await $('//*[contains(@id, "deleteAllAccountDataButton")]');
        await $('//*[contains(@id, "deleteAllAccountDataCancelButton")]');
    }
}
export default new SignedIn();