scottohara/loot

import type DirectiveTest from "~/mocks/loot/directivetest";
import angular from "angular";

describe("ogLoadingSpinner", (): void => {
    let ogLoadingSpinner: DirectiveTest;

    // Load the modules
    beforeEach(
        angular.mock.module("lootMocks", "ogComponents") as Mocha.HookFunction,
    );

    // Configure & compile the object under test
    beforeEach(
        angular.mock.inject((directiveTest: DirectiveTest): void => {
            ogLoadingSpinner = directiveTest;
            ogLoadingSpinner.configure("og-loading-spinner");
            ogLoadingSpinner.scope.model = "test message";
            ogLoadingSpinner.compile({ "og-loading-spinner": "model" });
        }) as Mocha.HookFunction,
    );

    it("should show the specified message", (): void => {
        ogLoadingSpinner.scope.$digest();
        expect(ogLoadingSpinner["element"].text()).to.equal(" test message...\n");
    });

    it("should show the text 'Loading...' when a message was not specified", (): void => {
        ogLoadingSpinner.scope.model = "";
        ogLoadingSpinner.scope.$digest();
        expect(ogLoadingSpinner["element"].text()).to.equal(" Loading...\n");
    });
});