@kui-shell/plugin-client-common
Version:
Kui plugin that offers stylesheets
186 lines • 10.3 kB
JavaScript
/*
* Copyright 2018 The Kubernetes Authors
*
* Licensed under the Apache License, Version 2.0 (the "License");
* you may not use this file except in compliance with the License.
* You may obtain a copy of the License at
*
* http://www.apache.org/licenses/LICENSE-2.0
*
* Unless required by applicable law or agreed to in writing, software
* distributed under the License is distributed on an "AS IS" BASIS,
* WITHOUT WARRANTIES OR CONDITIONS OF ANY KIND, either express or implied.
* See the License for the specific language governing permissions and
* limitations under the License.
*/
var __awaiter = (this && this.__awaiter) || function (thisArg, _arguments, P, generator) {
function adopt(value) { return value instanceof P ? value : new P(function (resolve) { resolve(value); }); }
return new (P || (P = Promise))(function (resolve, reject) {
function fulfilled(value) { try { step(generator.next(value)); } catch (e) { reject(e); } }
function rejected(value) { try { step(generator["throw"](value)); } catch (e) { reject(e); } }
function step(result) { result.done ? resolve(result.value) : adopt(result.value).then(fulfilled, rejected); }
step((generator = generator.apply(thisArg, _arguments || [])).next());
});
};
import { dirname, join } from 'path';
import { Common, CLI, ReplExpect, SidecarExpect, Selectors } from '@kui-shell/test';
import { setValue } from './common';
const ROOT = dirname(require.resolve('@kui-shell/plugin-client-common/tests/data/editor/package.json'));
/** click the save buttom */
const save = (res) => __awaiter(void 0, void 0, void 0, function* () {
const button = yield res.app.client.$(Selectors.SIDECAR_MODE_BUTTON(res.count, 'Save'));
yield button.waitForExist();
yield button.click();
// save button had better be gone after clicking Save
yield button.waitForExist({ timeout: 10000, reverse: true });
});
/** for some reason, monaco inserts a trailing view-line even for one-line files :( */
const verifyTextExist = (selector, expectedText) => (res) => __awaiter(void 0, void 0, void 0, function* () {
yield res.app.client.waitUntil(() => __awaiter(void 0, void 0, void 0, function* () {
const actualText = yield res.app.client.$(selector).then(_ => _.getText());
return actualText.replace(/\s+$/, '') === expectedText;
}), { timeout: 20000 });
return res;
});
Common.pDescribe(`editor basics ${process.env.MOCHA_RUN_TARGET || ''}`, function () {
before(Common.before(this));
after(Common.after(this));
const TMP = '/tmp'; // FIXME
const nonExistFileName = 'editNonExistTest.txt';
const nonExistFileName2 = 'editNonExistTest2.txt';
const nonExistFilePath = join(TMP, nonExistFileName);
const nonExistFilePath2 = join(TMP, nonExistFileName2);
it('should create a new file when editing a non-existing file', () => CLI.command(`edit ${nonExistFilePath}`, this.app)
.then(ReplExpect.ok)
.then(SidecarExpect.open)
.then(SidecarExpect.showingNotClickable(nonExistFileName))
.catch(Common.oops(this, true)));
it(`should open ${nonExistFilePath}`, () => CLI.command(`open ${nonExistFilePath}`, this.app).then(ReplExpect.ok).then(SidecarExpect.open).then(SidecarExpect.showingNotClickable(nonExistFileName)).catch(Common.oops(this, true)));
it(`should rm ${nonExistFilePath}`, () => CLI.command(`rm -f ${nonExistFilePath}`, this.app) // note the -f here; it's ok if the file doesn't exist
.then(ReplExpect.justOK)
.catch(Common.oops(this, true)));
it(`should rm -f ${nonExistFilePath2}`, () => CLI.command(`rm -f ${nonExistFilePath2}`, this.app) // note the -f here; it's ok if the file doesn't exist
.then(ReplExpect.justOK)
.catch(Common.oops(this, true)));
// editor save not yet supported in proxy mode
Common.localIt('should edit and save the content of a non-existing file', () => __awaiter(this, void 0, void 0, function* () {
try {
const res = yield CLI.command(`edit --create ${nonExistFilePath2}`, this.app)
.then(ReplExpect.ok)
.then(SidecarExpect.open)
.then(SidecarExpect.showingNotClickable(nonExistFileName2));
yield setValue(res, 'testing edit non-existing file');
yield save(res);
}
catch (err) {
yield Common.oops(this, true)(err);
}
}));
Common.localIt(`should open ${nonExistFilePath2} and see changed content`, () => __awaiter(this, void 0, void 0, function* () {
try {
const res = yield CLI.command(`open ${nonExistFilePath2}`, this.app)
.then(ReplExpect.ok)
.then(SidecarExpect.open)
.then(SidecarExpect.showingNotClickable(nonExistFileName2));
yield verifyTextExist(`${Selectors.SIDECAR(res.count)} .monaco-editor .view-lines`, 'testing edit non-existing file')(res);
}
catch (err) {
yield Common.oops(this, true)(err);
}
}));
Common.localIt(`should rm ${nonExistFilePath2}`, () => CLI.command(`rm ${nonExistFilePath2}`, this.app) // note: no -f here, because we expect the file to be there
.then(ReplExpect.justOK)
.catch(Common.oops(this, true)));
const initialFile = 'edit-file.txt';
const initialFilepath = join(ROOT, initialFile);
const tmpFilepath = join(TMP, initialFile);
const initialContent = 'hello world';
const updatedText = `testing edit ${new Date().getTime()}`;
it('should copy the edit input', () => CLI.command(`cp ${initialFilepath} ${tmpFilepath}`, this.app)
.then(ReplExpect.justOK)
.catch(Common.oops(this, true)));
it('should edit but not save the content of an existing file', () => __awaiter(this, void 0, void 0, function* () {
try {
const res = yield CLI.command(`edit ${tmpFilepath}`, this.app).then(ReplExpect.ok).then(SidecarExpect.open);
yield verifyTextExist(`${Selectors.SIDECAR(res.count)} .monaco-editor .view-lines`, initialContent)(res);
yield setValue(res, 'should not be saved');
}
catch (err) {
yield Common.oops(this, true)(err);
}
}));
it('should re-open the file and see the unchanged content', () => __awaiter(this, void 0, void 0, function* () {
try {
const res = yield CLI.command(`open ${tmpFilepath}`, this.app).then(ReplExpect.ok).then(SidecarExpect.open);
yield verifyTextExist(`${Selectors.SIDECAR(res.count)} .monaco-editor .view-lines`, initialContent)(res);
}
catch (err) {
yield Common.oops(this, true)(err);
}
}));
// editor save not yet supported in proxy mode
Common.localIt('should edit and save the content', () => __awaiter(this, void 0, void 0, function* () {
try {
const res = yield CLI.command('edit /tmp/edit-file.txt', this.app).then(ReplExpect.ok).then(SidecarExpect.open);
yield verifyTextExist(`${Selectors.SIDECAR(res.count)} .monaco-editor .view-lines`, initialContent)(res);
yield setValue(res, updatedText);
yield save(res);
}
catch (err) {
yield Common.oops(this, true)(err);
}
}));
Common.localIt('should re-open the initial file and see the unchanged content', () => __awaiter(this, void 0, void 0, function* () {
try {
const res = yield CLI.command(`open ${initialFilepath}`, this.app).then(ReplExpect.ok).then(SidecarExpect.open);
yield verifyTextExist(`${Selectors.SIDECAR(res.count)} .monaco-editor .view-lines`, initialContent)(res);
}
catch (err) {
yield Common.oops(this, true)(err);
}
}));
Common.localIt('should re-open the edited file and see the updated content', () => __awaiter(this, void 0, void 0, function* () {
try {
const res = yield CLI.command(`open ${tmpFilepath}`, this.app).then(ReplExpect.ok).then(SidecarExpect.open);
yield verifyTextExist(`${Selectors.SIDECAR(res.count)} .monaco-editor .view-lines`, updatedText)(res);
}
catch (err) {
yield Common.oops(this, true)(err);
}
}));
/** reload the app, and wait for a repl prompt */
const reload = () => Common.localIt('should reload the app', () => Common.refresh(this));
// note on Common.localIt ^^^^^^^ <-- because the following are all Common.localIt tests
// make sure pasting text in the editor doesn't result in the editor losing focus
const textToPaste = 'hello world';
const textToTypeAfterPaste = ' and sun and moon';
const finalTextAfterPasteTest = `${textToPaste}${textToTypeAfterPaste}`;
reload();
Common.localIt('should edit, then paste, and still have focus', () => __awaiter(this, void 0, void 0, function* () {
try {
const res = yield CLI.command(`edit ${tmpFilepath}`, this.app).then(ReplExpect.ok).then(SidecarExpect.open);
yield verifyTextExist(`${Selectors.SIDECAR(res.count)} .monaco-editor .view-lines`, updatedText)(res);
yield setValue(res, '');
yield this.app.electron.clipboard.writeText(textToPaste);
yield this.app.client.execute(() => document.execCommand('paste'));
yield verifyTextExist(`${Selectors.SIDECAR(res.count)} .monaco-editor .view-lines`, textToPaste)(res);
yield this.app.client.keys(textToTypeAfterPaste);
yield verifyTextExist(`${Selectors.SIDECAR(res.count)} .monaco-editor .view-lines`, finalTextAfterPasteTest)(res);
yield save(res);
}
catch (err) {
yield Common.oops(this, true)(err);
}
}));
reload();
Common.localIt('should have that pasted text after refresh', () => __awaiter(this, void 0, void 0, function* () {
try {
const res = yield CLI.command(`edit ${tmpFilepath}`, this.app).then(ReplExpect.ok).then(SidecarExpect.open);
yield verifyTextExist(`${Selectors.SIDECAR(res.count)} .monaco-editor .view-lines`, finalTextAfterPasteTest)(res);
}
catch (err) {
yield Common.oops(this, true)(err);
}
}));
});
//# sourceMappingURL=edit.js.map