Can't login with Testcafe

[rahulrana1]

What is your Test Scenario?

Login to the application

What is the Current behavior?

Test cafe cannot login to the app

What is the Expected behavior?

Login works fine outside testcafe.

What is your web application and your TestCafe test code?

Given you the access via support email

Steps to Reproduce:

1. Go to my website
2. Click on the sign in
3. Provide credentials and click sign in
4. Check the error on top(cannot login this time). This happens only when running tests via testcafe.

Your Environment details:

• testcafe version: 1.5.0
• node.js version: 10.16.0
• browser name and version: chrome 77
• platform and version: macOS

Your website URL (or attach your complete example):

Your complete test code (or attach your test files):

 export const roleCFC =  Role('XXXXX', async t => { 
    await t
        .click(Selector('.button.signIn'))
        .typeText(Selector('input').withAttribute('name','email'),'XXXX')
        .typeText(Selector('input').withAttribute('name','password'),'XXXX')
        .click(Selector('span.auth0-label-submit'))
}, { preserveUrl: true });

import { Selector, RequestLogger } from 'testcafe';
import {roleCFC} from '../../roles/roles'

fixture `CFC TestCafe POC`

    test('Login to app', async t => {
        await t
          await t.useRole(roleCFC)
          await t.debug()
          await t.wait(10000)
    });

const createTestCafe = require('testcafe');
let testcafe = null;
let runner = null;
const reporters = [
    {
        "name" :'spec'
    },
    /*{ 
       "name": 'slack', 
       "output": "reports/slack.json" 
    }*/
]

createTestCafe('localhost', 1337, 1338)
    .then(tc => {
        testcafe = tc;
        runner   = testcafe.createRunner();

        return runner           
	   .src('./tests/cfc/cfc.js')
            .browsers(['chrome'])
            .reporter(reporters)
            .run();
    })
    .then(failedCount => {
        console.log('Tests failed: ' + failedCount);
        testcafe.close();
    })

[miherlosev]

Hi @rahulrana1

Could you please provide a public URL or example application with which I can run the provided test code?

[miherlosev]

Thank you for the provided information. I've reproduced the problem.

[rahulrana1]

Hi @miherlosev @LavrovArtem , Do you have any updates on this issue?

[AlexSkorkin]

We are still looking into this issue. You will be automatically notified once we make progress.

[LavrovArtem]

Hello @rahulrana1,

Data privacy is our top priority. For safety reasons, we did not save your data after our last attempt to find the cause of the issue. Could you please resend it?

[rahulrana1]

@LavrovArtem I have share the test data again with support@devexpress.com.
Could you possibly get in touch with them?

[miherlosev]

Hi @rahulrana1

We received the data you sent. @LavrovArtem is investigating the issue right now.

[LavrovArtem]

For team!

A simplified example server:

require('http')
    .createServer((req, res) => {
        if (req.url === '/') {
            if (req.headers.host !== 'site.test.com:2020')
                return res.end('Wrong request!');

            res.writeHead(200, { 'content-type': 'text/html' });
            res.end(`
                <div id="cookie"></div>
                <div><button id="signup">Sign up</button></div>
                <script>
                    var cookieDiv = document.querySelector('#cookie');
                    var signupButton = document.querySelector('#signup');

                    document.cookie = 'session_id=1234567890; path=/; expires=Thu, 01 Jan 1970 00:00:01 GMT';

                    setInterval(function () {
                        cookieDiv.textContent = document.cookie;
                    }, 100);
                    
                    signupButton.addEventListener('click', function () {
                        var iframe = document.createElement('iframe');

                        iframe.setAttribute('src', 'http://site.test.com:2020/signup');
                        document.body.appendChild(iframe);
                    });
                </script>
            `);
        }
        else if (req.url === '/signup') {
            if (req.headers.host !== 'site.test.com:2020')
                return res.end('Wrong request!');

            res.writeHead(302, {
                'set-cookie': 'session_id=1234567890; path=/',
                'location': 'http://auth.test.com:2020/auth'
            });
            res.end();
        }
        else if (req.url === '/auth') {
            if (req.headers.host !== 'auth.test.com:2020')
                return res.end('Wrong request!');

            res.writeHead(200, { 'content-type': 'text/html' });
            res.end(`
                <button id="auth">Auth</button>
                <script>
                    document.querySelector('#auth').addEventListener('click', function () {
                        var xhr = new XMLHttpRequest();

                        xhr.addEventListener('load', function () {
                            window.location = 'http://site.test.com:2020/finish';
                        });
                        xhr.open('post', 'http://site.test.com:2020/xhr');
                        xhr.send();
                    });
                </script>
            `);
        }
        else if (req.url === '/xhr') {
            if (req.headers.host !== 'site.test.com:2020')
                return res.end('Wrong request!');

            res.writeHead(200, {
                'content-type': 'text/plain',
                'set-cookie': 'session_id=0987654321; path=/',
                'access-control-allow-origin': 'http://auth.test.com:2020'
            });
            res.end('ok!');
        }
        else if (req.url === '/finish') {
            if (req.headers.host !== 'site.test.com:2020')
                return res.end('Wrong request!');

            res.writeHead(200, { 'content-type': 'text/html' });
            res.end(`
                <script>
                    parent.document.querySelector("#signup").parentNode.textContent = "${ req.headers.cookie !== 'session_id=1234567890' ? 'Failed!' : 'Success!' }";
                    parent.document.body.removeChild(frameElement);
                </script>
            `);
        }
        else
            res.end();
    })
    .listen(2020, () => console.log('Open http://site.test.com:2020/'));

Need to add two lines in the hosts file for working of this example:

127.0.0.1 site.test.com
127.0.0.1 auth.test.com

[rahulrana1]

@miherlosev @AndreyBelym Has this fix been released?

[AlexanderMoiseev]

Hi @rahulrana1

The fix will be available in the next public Testcafe release.

[rahulrana1]

awesome, thanks @AlexanderMoiseev
Is it possible to share a target date for the release?

[AlexSkorkin]

We didn't establish the target date yet. And any personal estimate may be misleading, so I cannot currently tell you the precise date.

[lock]

This thread has been automatically locked since it is closed and there has not been any recent activity. Please open a new issue for related bugs or feature requests. We recommend you ask TestCafe API, usage and configuration inquiries on StackOverflow.