fix: shared textarea ref

Author: ycnmhd

e2e/helpers/consts/commands.ts

@@ -0,0 +1,8 @@
+export const CMD_CREATE_FILE = 'Lineage Dev: Create new file';
+export const CMD_CLOSE_OTHER_TABS = 'Close all other tabs';
+
+export const CMD_CLOSE_CURRENT_TAB = 'Close current tab';
+
+export const CMD_UNDO_CLOSE_TAB = 'Undo close tab';
+export const CMD_GO_TO_PREVIOUS_TAB = 'Go to previous tab';
+export const CMD_GO_TO_NEXT_TAB = 'Go to next tab';

src/e2e/helpers/consts/selectors.ts e2e/helpers/consts/selectors.tssrc/e2e/helpers/consts/selectors.ts renamed to e2e/helpers/consts/selectors.ts

@@ -6,4 +6,8 @@ export const LINEAGE_CARD = '.lineage__card';
 
 export const MARKDOWN_PREVIEW = '.content';
 
+export const LINEAGE_TEXTAREA = '.lineage__card textarea';
+
 export const COLUMN = '.column';
+
+export const SEL_ACTIVE_LEAF = '.workspace-leaf.mod-active';

src/e2e/helpers/general/delay.ts e2e/helpers/general/delay.tssrc/e2e/helpers/general/delay.ts renamed to e2e/helpers/general/delay.ts

@@ -0,0 +1,37 @@
+import { ElementHandle, Page } from '@playwright/test';
+import {
+    LINEAGE_CARD,
+    LINEAGE_TEXTAREA,
+    LINEAGE_VIEW,
+    MARKDOWN_PREVIEW,
+} from '../consts/selectors';
+import invariant from 'tiny-invariant';
+import { getLeaf } from './obsidian';
+
+const getView = async (obsidian: Page) => {
+    const leaf = await getLeaf(obsidian);
+    const view = await leaf.$(LINEAGE_VIEW);
+    invariant(view);
+    return view;
+};
+
+export const getCard = async (obsidian: Page) => {
+    const view = await getView(obsidian);
+    const card = await view.$(LINEAGE_CARD);
+    invariant(card);
+    return card;
+};
+
+export const getTextArea = async (obsidian: Page) => {
+    const view = await getView(obsidian);
+    const textArea = await view.$(LINEAGE_TEXTAREA);
+    invariant(textArea);
+    return textArea;
+};
+export const getCardText = async (
+    card: ElementHandle<HTMLElement | SVGElement>,
+) => {
+    const content = await card.$(MARKDOWN_PREVIEW);
+    if (!content) throw new Error('content is undefined');
+    return content.textContent();
+};

e2e/helpers/getters/lineage-view.ts

@@ -0,0 +1,30 @@
+import { _electron as electron } from 'playwright-core';
+import { Page } from '@playwright/test';
+import { SEL_ACTIVE_LEAF } from '../consts/selectors';
+import invariant from 'tiny-invariant';
+import { delay } from '../general/delay';
+
+const __obsidianInstance__: { current: Page | null } = {
+    current: null,
+};
+
+export const closeObsidian = async () => {
+    if (__obsidianInstance__.current) {
+        await __obsidianInstance__.current.close();
+        await delay(1000);
+    }
+};
+
+export const getObsidian = async () => {
+    const electronApp = await electron.launch({
+        executablePath: process.env.OBSIDIAN_EXECUTABLE_PATH,
+    });
+    const obsidian = await electronApp.firstWindow();
+    __obsidianInstance__.current = obsidian;
+    return obsidian;
+};
+export const getLeaf = async (obsidian: Page) => {
+    const leaf = await obsidian.$(SEL_ACTIVE_LEAF);
+    invariant(leaf);
+    return leaf;
+};

e2e/helpers/getters/obsidian.ts

@@ -0,0 +1,9 @@
+import { Page } from '@playwright/test';
+import { runCommand } from './run-command';
+import { CMD_CREATE_FILE } from '../consts/commands';
+import { LINEAGE_VIEW } from '../consts/selectors';
+
+export const createNewLineageFile = async (obsidian: Page) => {
+    await runCommand(obsidian, CMD_CREATE_FILE);
+    await obsidian.focus(LINEAGE_VIEW);
+};

e2e/helpers/interactions/lineage-commands.ts

@@ -0,0 +1,19 @@
+import { Page } from '@playwright/test';
+import { delay } from '../general/delay';
+import { getTextArea } from '../getters/lineage-view';
+
+export const moveCardRight = async (obsidian: Page) => {
+    await obsidian.keyboard.press('Shift+Alt+ArrowRight');
+    await delay(200);
+};
+export const createCardBelow = async (obsidian: Page) => {
+    await obsidian.keyboard.press('Control+J');
+    await delay(200);
+};
+
+export const saveCard = async (obsidian: Page) => {
+    const textArea = await getTextArea(obsidian);
+    await textArea.click();
+    await obsidian.keyboard.press('Control+Shift+Enter');
+    await delay(200);
+};

e2e/helpers/interactions/lineage-view-hotkeys.ts

@@ -0,0 +1,9 @@
+import { Page } from '@playwright/test';
+import { runCommand } from './run-command';
+import { CMD_CLOSE_OTHER_TABS } from '../consts/commands';
+import { LINEAGE_VIEW } from '../consts/selectors';
+
+export const closeOtherTabs = async (obsidian: Page) => {
+    await runCommand(obsidian, CMD_CLOSE_OTHER_TABS, false);
+    await obsidian.focus(LINEAGE_VIEW);
+};

e2e/helpers/interactions/obsidian-commands.ts

@@ -1,6 +1,6 @@
 import { Page } from '@playwright/test';
 import { PROMPT_INPUT } from '../consts/selectors';
-import { delay } from 'src/e2e/helpers/general/delay';
+import { delay } from '../general/delay';
 import invariant from 'tiny-invariant';
 
 const SEL_PALETTE_RESULTS = '.prompt-results';

…/e2e/helpers/interactions/run-command.ts e2e/helpers/interactions/run-command.tssrc/e2e/helpers/interactions/run-command.ts renamed to e2e/helpers/interactions/run-command.ts src/e2e/helpers/interactions/run-command.ts renamed to e2e/helpers/interactions/run-command.ts

@@ -0,0 +1,27 @@
+import { expect, test } from '@playwright/test';
+import { LINEAGE_CARD } from '../helpers/consts/selectors';
+import { getCard, getCardText } from '../helpers/getters/lineage-view';
+import { closeObsidian, getObsidian } from '../helpers/getters/obsidian';
+import { createNewLineageFile } from '../helpers/interactions/lineage-commands';
+import { closeOtherTabs } from '../helpers/interactions/obsidian-commands';
+
+test('should discard changes when user presses escape', async ({ page }) => {
+    const obsidian = await getObsidian();
+
+    // create file 1
+    await createNewLineageFile(obsidian);
+    await closeOtherTabs(obsidian);
+
+    // insert text into f1_n1
+    await obsidian.focus(LINEAGE_CARD);
+    const f1_n1_text = 'file 1 card 1';
+    await obsidian.keyboard.type(f1_n1_text);
+
+    // cancel changes
+    await obsidian.keyboard.press('Escape');
+
+    // test text
+    const f1_n1 = await getCard(obsidian);
+    expect(await getCardText(f1_n1)).toEqual('');
+    await closeObsidian();
+});