mirror of
https://github.com/lensapp/lens.git
synced 2025-05-20 05:10:56 +00:00
528 lines
17 KiB
TypeScript
528 lines
17 KiB
TypeScript
/**
|
||
* Copyright (c) 2021 OpenLens Authors
|
||
*
|
||
* Permission is hereby granted, free of charge, to any person obtaining a copy of
|
||
* this software and associated documentation files (the "Software"), to deal in
|
||
* the Software without restriction, including without limitation the rights to
|
||
* use, copy, modify, merge, publish, distribute, sublicense, and/or sell copies of
|
||
* the Software, and to permit persons to whom the Software is furnished to do so,
|
||
* subject to the following conditions:
|
||
*
|
||
* The above copyright notice and this permission notice shall be included in all
|
||
* copies or substantial portions of the Software.
|
||
*
|
||
* THE SOFTWARE IS PROVIDED "AS IS", WITHOUT WARRANTY OF ANY KIND, EXPRESS OR
|
||
* IMPLIED, INCLUDING BUT NOT LIMITED TO THE WARRANTIES OF MERCHANTABILITY, FITNESS
|
||
* FOR A PARTICULAR PURPOSE AND NONINFRINGEMENT. IN NO EVENT SHALL THE AUTHORS OR
|
||
* COPYRIGHT HOLDERS BE LIABLE FOR ANY CLAIM, DAMAGES OR OTHER LIABILITY, WHETHER
|
||
* IN AN ACTION OF CONTRACT, TORT OR OTHERWISE, ARISING FROM, OUT OF OR IN
|
||
* CONNECTION WITH THE SOFTWARE OR THE USE OR OTHER DEALINGS IN THE SOFTWARE.
|
||
*/
|
||
|
||
/*
|
||
Cluster tests are run if there is a pre-existing minikube cluster. Before running cluster tests the TEST_NAMESPACE
|
||
namespace is removed, if it exists, from the minikube cluster. Resources are created as part of the cluster tests in the
|
||
TEST_NAMESPACE namespace. This is done to minimize destructive impact of the cluster tests on an existing minikube
|
||
cluster and vice versa.
|
||
*/
|
||
import type { Application } from "spectron";
|
||
import * as utils from "../helpers/utils";
|
||
import { minikubeReady, waitForMinikubeDashboard } from "../helpers/minikube";
|
||
import { exec } from "child_process";
|
||
import * as util from "util";
|
||
|
||
export const promiseExec = util.promisify(exec);
|
||
|
||
jest.setTimeout(60000);
|
||
|
||
// FIXME (!): improve / simplify all css-selectors + use [data-test-id="some-id"] (already used in some tests below)
|
||
describe("Lens cluster pages", () => {
|
||
const TEST_NAMESPACE = "integration-tests";
|
||
const BACKSPACE = "\uE003";
|
||
let app: Application;
|
||
const ready = minikubeReady(TEST_NAMESPACE);
|
||
|
||
const click = async (selector: string) => {
|
||
const elem = await app.client.$(selector);
|
||
|
||
await elem.waitForClickable();
|
||
|
||
return elem.click();
|
||
};
|
||
|
||
const waitUntilTextExists = async (selector: string, text: string, timeout = 15_000) => {
|
||
return app.client.waitUntil(async () => {
|
||
const elements = await app.client.$$(selector);
|
||
|
||
try {
|
||
await Promise.race(elements.map((element) => {
|
||
return element.waitForDisplayed();
|
||
}));
|
||
} catch(error) {
|
||
throw new Error(`waitUntilTextExists: ${error}`);
|
||
}
|
||
|
||
for (const elem of elements) {
|
||
if (await elem.isDisplayed() === false) {
|
||
continue;
|
||
}
|
||
const selectorText = await elem.getText();
|
||
const matched = Array.isArray(selectorText)
|
||
? selectorText.some((s) => s.includes(text))
|
||
: selectorText.includes(text);
|
||
|
||
if (matched) {
|
||
return true;
|
||
}
|
||
}
|
||
|
||
throw new Error(`waitUntilTextExists: selector "${selector}" did not have text "${text}"`);
|
||
}, { timeout });
|
||
};
|
||
|
||
const waitForDisplayed = async (selector: string) => {
|
||
return (await app.client.$(selector)).waitForDisplayed();
|
||
};
|
||
|
||
utils.describeIf(ready)("test common pages", () => {
|
||
let clusterAdded = false;
|
||
const addCluster = async () => {
|
||
await waitForMinikubeDashboard(app);
|
||
await click('a[href="/nodes"]');
|
||
await waitUntilTextExists("h5.title", "Nodes");
|
||
await waitUntilTextExists("div.TableCell div.condition", "Ready");
|
||
};
|
||
|
||
describe("cluster add", () => {
|
||
utils.beforeAllWrapped(async () => {
|
||
app = await utils.appStart();
|
||
});
|
||
|
||
utils.afterAllWrapped(async () => {
|
||
if (app?.isRunning()) {
|
||
return utils.tearDown(app);
|
||
}
|
||
});
|
||
|
||
it("allows to add a cluster", async () => {
|
||
await addCluster();
|
||
clusterAdded = true;
|
||
});
|
||
});
|
||
|
||
const appStartAddCluster = async () => {
|
||
if (clusterAdded) {
|
||
app = await utils.appStart();
|
||
await addCluster();
|
||
}
|
||
};
|
||
|
||
function getSidebarSelectors(itemId: string) {
|
||
const root = `.SidebarItem[data-test-id="${itemId}"]`;
|
||
|
||
return {
|
||
expandSubMenu: `${root} .nav-item`,
|
||
subMenuLink: (href: string) => `.Sidebar .sub-menu a[href^="/${href}"]`,
|
||
};
|
||
}
|
||
|
||
describe("cluster pages", () => {
|
||
utils.beforeAllWrapped(appStartAddCluster);
|
||
|
||
utils.afterAllWrapped(async () => {
|
||
if (app?.isRunning()) {
|
||
return utils.tearDown(app);
|
||
}
|
||
});
|
||
|
||
const tests: {
|
||
drawer?: string
|
||
drawerId?: string
|
||
pages: {
|
||
name: string,
|
||
href: string,
|
||
expectedSelector: string,
|
||
expectedText: string
|
||
}[]
|
||
}[] = [{
|
||
drawer: "",
|
||
drawerId: "",
|
||
pages: [{
|
||
name: "Cluster",
|
||
href: "cluster",
|
||
expectedSelector: "div.ClusterOverview div.label",
|
||
expectedText: "CPU"
|
||
}]
|
||
},
|
||
{
|
||
drawer: "",
|
||
drawerId: "",
|
||
pages: [{
|
||
name: "Nodes",
|
||
href: "nodes",
|
||
expectedSelector: "h5.title",
|
||
expectedText: "Nodes"
|
||
}]
|
||
},
|
||
{
|
||
drawer: "Workloads",
|
||
drawerId: "workloads",
|
||
pages: [{
|
||
name: "Overview",
|
||
href: "workloads",
|
||
expectedSelector: "h5.box",
|
||
expectedText: "Overview"
|
||
},
|
||
{
|
||
name: "Pods",
|
||
href: "pods",
|
||
expectedSelector: "h5.title",
|
||
expectedText: "Pods"
|
||
},
|
||
{
|
||
name: "Deployments",
|
||
href: "deployments",
|
||
expectedSelector: "h5.title",
|
||
expectedText: "Deployments"
|
||
},
|
||
{
|
||
name: "DaemonSets",
|
||
href: "daemonsets",
|
||
expectedSelector: "h5.title",
|
||
expectedText: "Daemon Sets"
|
||
},
|
||
{
|
||
name: "StatefulSets",
|
||
href: "statefulsets",
|
||
expectedSelector: "h5.title",
|
||
expectedText: "Stateful Sets"
|
||
},
|
||
{
|
||
name: "ReplicaSets",
|
||
href: "replicasets",
|
||
expectedSelector: "h5.title",
|
||
expectedText: "Replica Sets"
|
||
},
|
||
{
|
||
name: "Jobs",
|
||
href: "jobs",
|
||
expectedSelector: "h5.title",
|
||
expectedText: "Jobs"
|
||
},
|
||
{
|
||
name: "CronJobs",
|
||
href: "cronjobs",
|
||
expectedSelector: "h5.title",
|
||
expectedText: "Cron Jobs"
|
||
}]
|
||
},
|
||
{
|
||
drawer: "Configuration",
|
||
drawerId: "config",
|
||
pages: [{
|
||
name: "ConfigMaps",
|
||
href: "configmaps",
|
||
expectedSelector: "h5.title",
|
||
expectedText: "Config Maps"
|
||
},
|
||
{
|
||
name: "Secrets",
|
||
href: "secrets",
|
||
expectedSelector: "h5.title",
|
||
expectedText: "Secrets"
|
||
},
|
||
{
|
||
name: "Resource Quotas",
|
||
href: "resourcequotas",
|
||
expectedSelector: "h5.title",
|
||
expectedText: "Resource Quotas"
|
||
},
|
||
{
|
||
name: "Limit Ranges",
|
||
href: "limitranges",
|
||
expectedSelector: "h5.title",
|
||
expectedText: "Limit Ranges"
|
||
},
|
||
{
|
||
name: "HPA",
|
||
href: "hpa",
|
||
expectedSelector: "h5.title",
|
||
expectedText: "Horizontal Pod Autoscalers"
|
||
},
|
||
{
|
||
name: "Pod Disruption Budgets",
|
||
href: "poddisruptionbudgets",
|
||
expectedSelector: "h5.title",
|
||
expectedText: "Pod Disruption Budgets"
|
||
}]
|
||
},
|
||
{
|
||
drawer: "Network",
|
||
drawerId: "networks",
|
||
pages: [{
|
||
name: "Services",
|
||
href: "services",
|
||
expectedSelector: "h5.title",
|
||
expectedText: "Services"
|
||
},
|
||
{
|
||
name: "Endpoints",
|
||
href: "endpoints",
|
||
expectedSelector: "h5.title",
|
||
expectedText: "Endpoints"
|
||
},
|
||
{
|
||
name: "Ingresses",
|
||
href: "ingresses",
|
||
expectedSelector: "h5.title",
|
||
expectedText: "Ingresses"
|
||
},
|
||
{
|
||
name: "Network Policies",
|
||
href: "network-policies",
|
||
expectedSelector: "h5.title",
|
||
expectedText: "Network Policies"
|
||
}]
|
||
},
|
||
{
|
||
drawer: "Storage",
|
||
drawerId: "storage",
|
||
pages: [{
|
||
name: "Persistent Volume Claims",
|
||
href: "persistent-volume-claims",
|
||
expectedSelector: "h5.title",
|
||
expectedText: "Persistent Volume Claims"
|
||
},
|
||
{
|
||
name: "Persistent Volumes",
|
||
href: "persistent-volumes",
|
||
expectedSelector: "h5.title",
|
||
expectedText: "Persistent Volumes"
|
||
},
|
||
{
|
||
name: "Storage Classes",
|
||
href: "storage-classes",
|
||
expectedSelector: "h5.title",
|
||
expectedText: "Storage Classes"
|
||
}]
|
||
},
|
||
{
|
||
drawer: "",
|
||
drawerId: "",
|
||
pages: [{
|
||
name: "Namespaces",
|
||
href: "namespaces",
|
||
expectedSelector: "h5.title",
|
||
expectedText: "Namespaces"
|
||
}]
|
||
},
|
||
{
|
||
drawer: "",
|
||
drawerId: "",
|
||
pages: [{
|
||
name: "Events",
|
||
href: "events",
|
||
expectedSelector: "h5.title",
|
||
expectedText: "Events"
|
||
}]
|
||
},
|
||
{
|
||
drawer: "Apps",
|
||
drawerId: "apps",
|
||
pages: [{
|
||
name: "Charts",
|
||
href: "apps/charts",
|
||
expectedSelector: "div.HelmCharts input",
|
||
expectedText: ""
|
||
},
|
||
{
|
||
name: "Releases",
|
||
href: "apps/releases",
|
||
expectedSelector: "h5.title",
|
||
expectedText: "Releases"
|
||
}]
|
||
},
|
||
{
|
||
drawer: "Access Control",
|
||
drawerId: "users",
|
||
pages: [{
|
||
name: "Service Accounts",
|
||
href: "service-accounts",
|
||
expectedSelector: "h5.title",
|
||
expectedText: "Service Accounts"
|
||
},
|
||
{
|
||
name: "Role Bindings",
|
||
href: "role-bindings",
|
||
expectedSelector: "h5.title",
|
||
expectedText: "Role Bindings"
|
||
},
|
||
{
|
||
name: "Roles",
|
||
href: "roles",
|
||
expectedSelector: "h5.title",
|
||
expectedText: "Roles"
|
||
},
|
||
{
|
||
name: "Pod Security Policies",
|
||
href: "pod-security-policies",
|
||
expectedSelector: "h5.title",
|
||
expectedText: "Pod Security Policies"
|
||
}]
|
||
},
|
||
{
|
||
drawer: "Custom Resources",
|
||
drawerId: "custom-resources",
|
||
pages: [{
|
||
name: "Definitions",
|
||
href: "crd/definitions",
|
||
expectedSelector: "h5.title",
|
||
expectedText: "Custom Resources"
|
||
}]
|
||
}];
|
||
|
||
tests.forEach(({ drawer = "", drawerId = "", pages }) => {
|
||
const selectors = getSidebarSelectors(drawerId);
|
||
|
||
if (drawer !== "") {
|
||
it(`shows ${drawer} drawer`, async () => {
|
||
expect(clusterAdded).toBe(true);
|
||
await click(selectors.expandSubMenu);
|
||
await waitUntilTextExists(selectors.subMenuLink(pages[0].href), pages[0].name);
|
||
});
|
||
|
||
pages.forEach(({ name, href, expectedSelector, expectedText }) => {
|
||
it(`shows ${drawer}->${name} page`, async () => {
|
||
expect(clusterAdded).toBe(true);
|
||
await click(selectors.subMenuLink(href));
|
||
await waitUntilTextExists(expectedSelector, expectedText);
|
||
});
|
||
});
|
||
|
||
it.skip(`hides ${drawer} drawer`, async () => {
|
||
expect(clusterAdded).toBe(true);
|
||
await click(selectors.expandSubMenu);
|
||
utils.sleep(500);
|
||
//const visible = await waitUntilTextExists(selectors.subMenuLink(pages[0].href), pages[0].name);
|
||
|
||
console.log("BEFORE SUBMENU LINK CHECK", selectors.subMenuLink(pages[0].href));
|
||
const subMenuLink = await app.client.$(selectors.subMenuLink(pages[0].href));
|
||
|
||
console.log("AFTER SUBMENU LINK CHECK");
|
||
expect(subMenuLink.isExisting()).resolves.toBeFalsy();
|
||
//await expect(waitUntilTextExists(selectors.subMenuLink(pages[0].href), pages[0].name)).rejects.toThrow();
|
||
});
|
||
} else {
|
||
const { href, name, expectedText, expectedSelector } = pages[0];
|
||
|
||
it(`shows page ${name}`, async () => {
|
||
expect(clusterAdded).toBe(true);
|
||
await click(`a[href^="/${href}"]`);
|
||
await waitUntilTextExists(expectedSelector, expectedText);
|
||
});
|
||
}
|
||
});
|
||
});
|
||
|
||
describe("viewing pod logs", () => {
|
||
utils.beforeEachWrapped(appStartAddCluster);
|
||
|
||
utils.afterEachWrapped(async () => {
|
||
if (app?.isRunning()) {
|
||
return utils.tearDown(app);
|
||
}
|
||
});
|
||
|
||
it(`shows a log for a pod`, async () => {
|
||
expect(clusterAdded).toBe(true);
|
||
// Go to Pods page
|
||
await click(getSidebarSelectors("workloads").expandSubMenu);
|
||
await waitUntilTextExists('a[href^="/pods"]', "Pods");
|
||
await click('a[href^="/pods"]');
|
||
await click(".NamespaceSelect");
|
||
await app.client.keys("kube-system");
|
||
await app.client.keys("Enter");// "\uE007"
|
||
await waitUntilTextExists("div.TableCell", "kube-apiserver");
|
||
|
||
// Open logs tab in dock
|
||
await click(".list .TableRow:first-child");
|
||
await waitForDisplayed(".Drawer");
|
||
await waitForDisplayed(`ul.KubeObjectMenu li.MenuItem i[title="Logs"]`);
|
||
await click("ul.KubeObjectMenu li.MenuItem i[title='Logs']");
|
||
// Check if controls are available
|
||
await waitForDisplayed(".LogList .VirtualList");
|
||
await waitForDisplayed(".LogResourceSelector");
|
||
await waitForDisplayed(".LogSearch .SearchInput input");
|
||
// Search for semicolon
|
||
await app.client.keys(":");
|
||
await waitForDisplayed(".LogList .list span.active");
|
||
// Click through controls
|
||
await click(".LogControls .show-timestamps");
|
||
await click(".LogControls .show-previous");
|
||
});
|
||
});
|
||
|
||
describe("cluster operations", () => {
|
||
utils.beforeEachWrapped(appStartAddCluster);
|
||
|
||
utils.afterEachWrapped(async () => {
|
||
if (app?.isRunning()) {
|
||
return utils.tearDown(app);
|
||
}
|
||
});
|
||
|
||
it("shows default namespace", async () => {
|
||
expect(clusterAdded).toBe(true);
|
||
await click('a[href="/namespaces"]');
|
||
await waitUntilTextExists("div.TableCell", "default");
|
||
await waitUntilTextExists("div.TableCell", "kube-system");
|
||
});
|
||
|
||
it(`creates ${TEST_NAMESPACE} namespace`, async () => {
|
||
expect(clusterAdded).toBe(true);
|
||
await click('a[href="/namespaces"]');
|
||
await waitUntilTextExists("div.TableCell", "default");
|
||
await waitUntilTextExists("div.TableCell", "kube-system");
|
||
await click("button.add-button");
|
||
await waitUntilTextExists("div.AddNamespaceDialog", "Create Namespace");
|
||
await utils.sleep(500);
|
||
await app.client.keys([TEST_NAMESPACE, "Enter"]);
|
||
await (await app.client.$(`.name=${TEST_NAMESPACE}`)).waitForExist();
|
||
});
|
||
|
||
it(`creates a pod in ${TEST_NAMESPACE} namespace`, async () => {
|
||
expect(clusterAdded).toBe(true);
|
||
await click(getSidebarSelectors("workloads").expandSubMenu);
|
||
await waitUntilTextExists('a[href^="/pods"]', "Pods");
|
||
await click('a[href^="/pods"]');
|
||
|
||
await click(".NamespaceSelect");
|
||
await app.client.keys(TEST_NAMESPACE);
|
||
await app.client.keys("Enter");// "\uE007"
|
||
await click(".Icon.new-dock-tab");
|
||
await waitUntilTextExists("li.MenuItem.create-resource-tab", "Create resource");
|
||
await click("li.MenuItem.create-resource-tab");
|
||
await waitForDisplayed(".CreateResource div.ace_content");
|
||
// Write pod manifest to editor
|
||
await app.client.keys("apiVersion: v1\n");
|
||
await app.client.keys("kind: Pod\n");
|
||
await app.client.keys("metadata:\n");
|
||
await app.client.keys(" name: nginx-create-pod-test\n");
|
||
await app.client.keys(`namespace: ${TEST_NAMESPACE}\n`);
|
||
await app.client.keys(`${BACKSPACE}spec:\n`);
|
||
await app.client.keys(" containers:\n");
|
||
await app.client.keys("- name: nginx-create-pod-test\n");
|
||
await app.client.keys(" image: nginx:alpine\n");
|
||
// Create deployment
|
||
await (await app.client.$("button.Button=Create & Close")).waitForEnabled();
|
||
await click("button.Button=Create & Close");
|
||
// Wait until first bits of pod appears on dashboard
|
||
await (await app.client.$(".name=nginx-create-pod-test")).waitForExist();
|
||
// Open pod details
|
||
await click(".name=nginx-create-pod-test");
|
||
await waitUntilTextExists("div.drawer-title-text", "Pod: nginx-create-pod-test");
|
||
});
|
||
});
|
||
});
|
||
});
|