How to correctly logout when using roles

Question

when using roles in TestCafe I can't seem to get roles to correctly logout. Or, more importantly I can't get two consecutive tests to execute using the same Role.

A little background:

I am testing an enterprise website (Sorry, cannot share) that requires a login. When using t.useRole(account) the login works perfectly. My issue arises when I have two consecutive tests that log in with the same account. The first login will succeed and the second will fail. When this happened I added console logs to tell when the login block gets called and I don't receive from the second test. When reading the User Roles documentation it shows that when a role is initialized a cookie is generated and subsequent useRole calls will reload the page for the given account. For some reason, this doesn't work in my environment as the page I'm testing is redirected to the login page.
At this point my solution was to issue a logout method but this didn't help. I have also tried to switch to an Anonymous user as part of my logout, again with no success.

Example logout Code (using page model):

async function logout (t) {
await t
    .expect(accountDropdown.exists).ok()
    .click(accountDropdown)
    .expect(accountLogout.exists).ok()
    .click(accountLogout)
    .useRole(Role.anonymous());
};

Example Role Code:

const normalUser = Role(`${url}`, async t=>{
console.log(' - Logging in as Normal User')
await t
    .expect(await loginEmail.exists).ok()
    .click(loginEmail)
    .typeText(loginEmail, env.Email)
    .click(loginPassword)
    .typeText(loginPassword, env.Password)
    .click(loginSubmit)
    if( manageAccount.exists ) {
        await t.click(manageAccount)
    } 
}, { preserveUrl: true });

At this point I am stumped. Any help or suggestions is greatly appreciated.

Answer 1

The issue is caused by simultaneous use of the preserveUrl and pageUrl functions. We are going to investigate this issue further in the context of the following issue:

The preserveUrl and pageUrl functions do not work together

For now, I suggest you delete pageUrl as it is not necessary when using preserveUrl:

 const normalUser = Role(`${url}`, async t=>{
      console.log(' - Logging in as Normal User')
      // ...
 }, { preserveUrl: true });

 fixture `LiveManager` 
     //.page`URL`  
     .beforeEach( async t => {
       await t.setTestSpeed(0.85);
 })