migrate settings e2e tests to playwright

playwright/e2e/button/button-filters.spec.ts

@@ -132,6 +132,7 @@ test.describe( 'Button Block', () => {
 					name: 'Editor settings',
 				} )
 				.getByLabel( 'Open in new tab' )
+				.isChecked()
 		).toBeTruthy();
 
 		// Rel should be set

playwright/e2e/settings/settings.spec.ts

@@ -0,0 +1,51 @@
+const { test, expect } = require( '@wordpress/e2e-test-utils-playwright' );
+
+test.describe( 'Settings page', () => {
+	test.beforeEach( async ( { admin } ) => {
+		await admin.visitAdminPage(
+			'options-general.php?page=wp-bootstrap-blocks_settings'
+		);
+	} );
+
+	test( 'Default values are selected', async ( { page } ) => {
+		expect(
+			await page
+				.locator( '#wp-bootstrap-blocks_bootstrap_version' )
+				.inputValue()
+		).toBe( '5' );
+
+		const enableCssGridCheckbox = await page.getByLabel(
+			'Enable CSS grid (Experimental)'
+		);
+
+		expect( await enableCssGridCheckbox.isChecked() ).toBeFalsy();
+		await expect( enableCssGridCheckbox ).not.toBeDisabled();
+	} );
+
+	test( 'Respects constants', async ( { page, requestUtils } ) => {
+		await requestUtils.activatePlugin(
+			'wp-bootstrap-blocks-test-css-grid'
+		);
+
+		await expect(
+			await page.locator( '#wp-bootstrap-blocks_bootstrap_version' )
+		).toBeDisabled();
+
+		expect(
+			await page
+				.locator( '#wp-bootstrap-blocks_bootstrap_version' )
+				.inputValue()
+		).toBe( '5' );
+
+		const enableCssGridCheckbox = await page.locator(
+			'#wp-bootstrap-blocks_enable_css_grid'
+		);
+
+		expect( await enableCssGridCheckbox.isChecked() ).toBeTruthy();
+		await expect( enableCssGridCheckbox ).toBeDisabled();
+
+		await requestUtils.deactivatePlugin(
+			'wp-bootstrap-blocks-test-css-grid'
+		);
+	} );
+} );