Add test to list the tenants in Operator UI

[cniackz]

Fixes https://github.com/miniohq/engineering/issues/514

Objective:

To add a test in Operator UI where we can list the different tenants.

The test is:

import { diagnosticsElement, supportElement } from "../utils/elements-menu";
import { Selector } from 'testcafe';


fixture("For user with default permissions").page("http://localhost:9090");

test("Create Tenant", async (t) => {

	const osCount = Selector(`#root > div > main > div[class] > div > div > div > div:nth-child(1) > div > div > div`).count;

	await t
		.navigateTo("http://localhost:9090/login")
		.typeText("#jwt","anyrandompasswordwillwork")
		.click("button.MuiButton-root")
		.click(Selector('button[tabindex="0"][type="button"]').withText('Create Tenant'))
		.typeText("#tenant-name","thufeb1754epm")
		.typeText("#namespace","default")
		.wait(2000)
		.click("button[tabindex=\"0\"]:nth-of-type(2)")
		.click(Selector('button[tabindex="0"][type="button"]').withText('Done'))
		.expect(osCount).eql(2);

});

Test result:

 Running tests in:
 - Chrome 98.0.4758.80 / Linux 0.0

 For user with default permissions
 ✓ Create Tenant

 For user with default permissions
 ✓ Login to Operator Web Page


 2 passed (10s)

How to test locally:

https://docs.google.com/document/d/1utbXYazQ_orLmY8LbQsx7InxIM9GN04wfPYuuDhLh9o/edit?usp=sharing

[bexsoft]

LGTM