Cypress: How can we bypass cross origin error in Firefox? (cross origin issue, outside cy.origin)

[faith-berroya]

Part 1 question: Cypress: How can we bypass cross origin error in Firefox? (iframes)

Hi, @jennifer-shehane. I am currently testing download functionality which needs to go to a different domain to check. I also list the format of the webpages. I altered my code a bit to not include sensitive information.

The process is:

1. From original application website, user will download the course (starting.originalWebsite.com)
2. Download link will be sent to the user's email, contains iframe (emailWebsite.com)
3. Mail contains username and password to access the document from the download link (download.originalWebsite.com)
4. User checks the contents of the downloaded document

The test stops after visiting the new link (original link: starting.originalWebsite.com, new link: emailWebsite.com) because it's already outside cy.origin() syntax. My problem with cy.origin() is that the email contains iframes and cy.origin() views the iframe as its native page. Cypress cannot see the original native page anymore and I cannot anymore interact with it. I also have the chromeWebSecurity set to false.

The code below works in Chrome but not in Firefox because we're getting the error below. What can I possibly do for this? So Firefox will allow my testing. Thank you!

And('user goes to mailtrap, logins and checks for the email link', () => {
const credentials = {
    username: testdata.credentials.username,
    password: testdata.credentials.password
}
cy.origin(Cypress.config().mailtrapUrl, { args: credentials }, ({ username, password }) => {
    cy.visit(Cypress.config().mailtrapUrl)
})

mailtrapPO.getSignin().click()
cy.explicitWait()
mailtrapPO.getEmailField().scrollIntoView().click().type(testdata.credentials.username)
mailtrapPO.getNextButton().scrollIntoView().click()
cy.explicitWait()
mailtrapPO.getPasswordField().scrollIntoView().click().type(testdata.credentials.password)
mailtrapPO.getLoginButton().scrollIntoView().click()
cy.explicitWait()
mailtrapPO.getTransferStagingInbox().click()
cy.explicitWait()
mailtrapPO.getMessageList()
    .find('span')
    .contains('mail title')
    .eq(0)
    .scrollIntoView()
    .click({ force: true })

mailtrapPO.getHTMLSourceTab().click({ force: true })
mailtrapPO.getCode().children().within((code) => {
    var downloadUrl = Cypress.env('downloadCoursesUrl')
    cy.get('span').contains('Password: ').scrollIntoView().invoke('text').then((documentDownloadPassword) => {
        cy.wrap(documentDownloadPassword).as('passwordHint')
        cy.log(documentDownloadPassword)
        cy.get('@passwordHint').then((downloadPassword) => {
            var delimeter = 'Password: ',
                passwordIndex = delimeter.length
            cy.wrap(downloadPassword.substring(passwordIndex)).as('documentPassword')
        })
    })

    cy.get('span').contains(downloadUrl).scrollIntoView().invoke('text').then((documentDownloadLink) => {
        cy.wrap(documentDownloadLink).as('downloadLink')
        cy.log(documentDownloadLink)
        cy.get('@downloadLink').then((link) => {
            var cleanLink = link.replaceAll('"', '')
            cy.log(cleanLink)
            var delimeter = Cypress.env('downloadhmmm'),
                linkFirstIndex = delimeter.length
            cy.log(linkFirstIndex)
            cy.wrap(cleanLink.substring(linkFirstIndex)).as('downloadhmmm')
        })
    })
})

cy.get('@downloadhmmm').then((finalLink) => {
    cy.get('@documentPassword').then((password) => {
        const linkBody = {
            username: testdata.credentials.username,
            password: password,
            downloadlink: finalLink,
        }
        cy.origin(Cypress.env('transferUrl'), { args: linkBody }, ({ username, password, downloadlink }) => {
            cy.visit(downloadlink, {
                auth: {
                    username: username,
                    password: password
                }
            })

            // to prevent Cypress from loading indefinitely when downloading, only works in Chrome
            cy.window().document().then(function (doc) {
                doc.addEventListener('click', () => {
                    setTimeout(function () { doc.location.reload() }, 5000)
                })
                cy.get('#downloadButton').click({ force: true })
                cy.wait(4000)
            })
        })
    })
})

cy.get('span').contains('courses').invoke('text').then((title) => {
    cy.wrap(title).as('initialDocumentTitle')
    cy.get('@initialDocumentTitle').then((initialTitle) => {
        var convertedTitle = initialTitle.replaceAll(':', "_")
        cy.wrap(convertedTitle).as('downloadedDocumentTitle')
        cy.wait(10000)
    })
})

cy.get('@courseNameArray').then((courseNamesArray) => {
    cy.log(courseNamesArray)
    cy.get('@downloadedDocumentTitle').then((documentTitle) => {
        //start of reading files from Excel
        var removeSpace = documentTitle.replace(/\s/g, '')
        var excelFilePath = "cypress/downloads/" + removeSpace
        cy.verifyDownload(removeSpace, { interval: 600 })
        cy.wrap(excelFilePath).as('filePath')


        cy.get('@filePath').then((filePath) => {
            cy.task('checkExcelSheetContents', { filePath }).then((contents) => {
                cy.log(contents)
                expect(contents).to.deep.equal(courseNamesArray)
            })
        })
    })
})