auth-sample1.js

import { Selector } from 'testcafe';

const rows          = Selector('.row');
const removeButton  = Selector('.remove-row');
const signInButton  = Selector('#sign-in');
const signOutButton = Selector('#sign-out');
const loginInput    = Selector('#login');
const passwordInput = Selector('#password');

fixture `My Fixture`
    .page `http://example.com`;

test('Test that involves two users', async t => {
    await t

        // Log in a regular user.
        .typeText(loginInput, 'TestUser')
        .typeText(passwordInput, 'testpass')
        .click(signInButton)

        // Check that the user can see the data table
        // but cannot see the Remove button.
        .expect(rows.count).eql(10)
        .expect(removeButton.visible).notOk()

        // Log in an administrator.
        .click(signOutButton)
        .typeText(loginInput, 'Admin')
        .typeText(passwordInput, 'adminpass')
        .click(signInButton)

        // Remove the first row.
        .expect(removeButton.visible).ok()
        .click(removeButton)

        // Switch back to a regular user account.
        .click(signOutButton)
        .typeText(loginInput, 'TestUser')
        .typeText(passwordInput, 'testpass')
        .click(signInButton)

        // Check that the row was removed.
        .expect(rows.count).eql(9);
});