gistfile1.txt

// helper.js file

"use strict";

const expectedConditionTimeout = 10000;

function elementWithAttributeHasValue(htmlElement, attribute, value) {
    return htmlElement.getAttribute(attribute).then((elementAttribute) => {
        return elementAttribute.includes(value);
    });
}

function elementWithAttributeHasNotValue(htmlElement, attribute, value) {
    return htmlElement.getAttribute(attribute).then((elementAttribute) => {
        return !elementAttribute.includes(value);
    });
}

class Helper {
    waitForElementWithAttributeToHaveValue(htmlElement, attribute, value, timeout = expectedConditionTimeout) {
        browser.wait(elementWithAttributeHasValue(htmlElement, attribute, value), timeout);
    }

    waitForElementWithAttributeNotToHaveValue(htmlElement, attribute, value, timeout = expectedConditionTimeout) {
        browser.wait(elementWithAttributeHasNotValue(htmlElement, attribute, value), timeout);
    }
}

----------------------------------------------------------------------------------------------------------------
// spec.js file

"use strict";

const AppearInRoom = require("../page-objects/appearInRoom");
const ClaimRoom = require("../page-objects/claimRoom");
const Helper = require("../helper");
const shortid = require("shortid");
const UserLoggedIn = require("../page-objects/userLoggedIn");

describe("Logged in user", () => {
    const appearInRoom = new AppearInRoom();
    const claimRoom = new ClaimRoom();
    const helper = new Helper();
    const userLoggedIn = new UserLoggedIn();

    beforeAll(() => {
        const randomRoomName = shortid.generate();
        const randomEmail = helper.getRandomEmailForSignUp();
        const type = "email";

        appearInRoom.visit(randomRoomName);
        helper.signUp(randomRoomName, randomEmail, type);
    });

    beforeEach(() => {
        const randomRoomName = shortid.generate();
        appearInRoom.visit(randomRoomName);
        helper.waitForElementVisibility(userLoggedIn.avatar);
    });

    afterAll(() => {
        helper.logout();
    });

    it("should open and close claim room modal", () => {
        const attribute = "class";
        const value = "ng-hide";

        helper.clickWhenClickable(appearInRoom.topBarClaimButton);
        helper.waitForElementWithAttributeNotToHaveValue(claimRoom.modal, attribute, value);

        expect(claimRoom.modal.getAttribute(attribute)).not.toContain(value);

        claimRoom.closeButton.click();
        helper.waitForElementWithAttributeToHaveValue(claimRoom.modal, attribute, value);

        expect(claimRoom.modal.getAttribute(attribute)).toContain(value);
    });
});