mynode/packages/app-desktop/integration-tests/models/Sidebar.ts

import activateMainMenuItem from '../util/activateMainMenuItem';
import type MainScreen from './MainScreen';
import { ElectronApplication, Locator, Page } from '@playwright/test';
import expect from '../util/extendedExpect';

export default class Sidebar {
	public readonly container: Locator;
	public readonly allNotes: Locator;

	public constructor(page: Page, private mainScreen: MainScreen) {
		this.container = page.locator('.rli-sideBar');
		this.allNotes = this.container.getByText('All notes');
	}

	public async createNewFolder(title: string) {
		const newFolderButton = this.container.getByRole('button', { name: 'New' });
		await newFolderButton.click();

		const titleInput = this.mainScreen.dialog.getByLabel('Title');
		await titleInput.fill(title);

		const submitButton = this.mainScreen.dialog.getByRole('button', { name: 'OK' });
		await submitButton.click();

		return this.container.getByRole('treeitem', { name: title });
	}

	private async sortBy(electronApp: ElectronApplication, option: string) {
		await activateMainMenuItem(electronApp, option, 'Sort notebooks by');
	}

	public async sortByDate(electronApp: ElectronApplication) {
		return this.sortBy(electronApp, 'Updated date');
	}

	public async sortByTitle(electronApp: ElectronApplication) {
		return this.sortBy(electronApp, 'Title');
	}

	public async forceUpdateSorting(electronApp: ElectronApplication) {
		// By default, notebooks will not be in the correct position in the list for about 1 second.
		// Change the notebook list sort order to force an immediate refresh.
		await this.sortByDate(electronApp);
		await this.sortByTitle(electronApp);
	}

	// Checks the indentation level of each folder. Useful for determining whether folders are subfolders.
	public async expectToHaveDepths(folderToDepth: [Locator, number][]) {
		for (let i = 0; i < folderToDepth.length; i++) {
			const [folder, depth] = folderToDepth[i];
			await expect(
				folder, { message: `Folder ${i} should have depth ${depth}.` },
			).toHaveJSProperty('ariaLevel', String(depth));
		}
	}
}