Fix linting warnings.

Author: sheabunge

eslint.config.mjs

@@ -135,5 +135,11 @@ export default eslintTs.config(
 				objectLiteralTypeAssertions: 'never'
 			}],
 		}
+	},
+	{
+		files: ['test/**', '**/*.test.*', '**/*.spec.*'],
+		rules: {
+			'max-lines-per-function': 'off'
+		}
 	}
 )

src/css/edit/_form.scss

@@ -75,7 +75,7 @@ $sidebar-gap: 30px;
 		grid-area: span 3 / sidebar;
 		max-inline-size: $sidebar-width;
 		position: sticky;
-		top: 32px;
+		inset-block-start: 32px;
 		align-self: start;
 	}
 

src/css/edit/_sidebar.scss

@@ -1,5 +1,11 @@
 @use '../common/theme';
 
+.code-snippets-modal {
+	p h4 {
+		margin-block-start: 0;
+	}
+}
+
 .snippet-editor-sidebar {
 	.button-large {
 		block-size: 48px;
@@ -147,9 +153,3 @@ p.submit {
 		block-size: 12px;
 	}
 }
-
-.code-snippets-modal {
-	p h4 {
-		margin-block-start: 0;
-	}
-}

src/css/menu.scss

@@ -1,5 +1,5 @@
 #adminmenu {
-	.toplevel_page_snippets div.wp-menu-image:before {
+	.toplevel_page_snippets div.wp-menu-image::before {
 		content: '';
 		mask-image: url('../assets/menu-icon.svg');
 		mask-repeat: no-repeat;

src/js/components/EditorSidebar/EditorSidebar.tsx

@@ -6,7 +6,6 @@ import { isNetworkAdmin } from '../../utils/screen'
 import { isCondition } from '../../utils/snippets/snippets'
 import { ConditionModalButton } from '../ConditionModal/ConditionModalButton'
 import { SnippetLocationInput } from '../SnippetForm/fields/SnippetLocationInput'
-import { SnippetTypeInput } from '../SnippetForm/fields/SnippetTypeInput'
 import { Notices } from '../SnippetForm/page/Notices'
 import { ShortcodeInfo } from './actions/ShortcodeInfo'
 import { MultisiteSharingSettings } from './controls/MultisiteSharingSettings'

src/js/components/SnippetForm/fields/SnippetTypeInput.tsx

@@ -2,12 +2,12 @@ import React, { useEffect } from 'react'
 import classnames from 'classnames'
 import { __, _x } from '@wordpress/i18n'
 import Select from 'react-select'
-import type { FormatOptionLabelContext } from 'react-select'
 import { useSnippetForm } from '../../../hooks/useSnippetForm'
 import { SNIPPET_TYPE_SCOPES } from '../../../types/Snippet'
 import { isLicensed } from '../../../utils/screen'
 import { getSnippetType, isProType } from '../../../utils/snippets/snippets'
 import { Badge } from '../../common/Badge'
+import type { FormatOptionLabelContext } from 'react-select'
 import type { Dispatch, SetStateAction } from 'react'
 import type { SnippetCodeType, SnippetType } from '../../../types/Snippet'
 import type { SelectOption } from '../../../types/SelectOption'

tests/e2e/auth.setup.ts

@@ -1,21 +1,21 @@
-import { test as setup, expect } from '@playwright/test';
-import * as path from 'path';
+import { join } from 'path'
+import { expect, test as setup } from '@playwright/test'
 
-const authFile = path.join(__dirname, '.auth/user.json');
+const authFile = join(__dirname, '.auth/user.json')
 
 setup('authenticate', async ({ page }) => {
-	await page.goto('/wp-login.php');	
-	await page.waitForSelector('#user_login');
+	await page.goto('/wp-login.php')
+	await page.waitForSelector('#user_login')
 
-	await page.fill('#user_login', 'admin');
-	await page.fill('#user_pass', 'password');
+	await page.fill('#user_login', 'admin')
+	await page.fill('#user_pass', 'password')
 
-	await page.click('#wp-submit');
+	await page.click('#wp-submit')
 
-	await page.waitForURL(/wp-admin/);
-	await page.waitForSelector('#wpbody-content, #adminmenu');
+	await page.waitForURL(/wp-admin/)
+	await page.waitForSelector('#wpbody-content, #adminmenu')
 
-	await expect(page.locator('#adminmenu')).toBeVisible();
+	await expect(page.locator('#adminmenu')).toBeVisible()
 
-	await page.context().storageState({ path: authFile });
-});
+	await page.context().storageState({ path: authFile })
+})

tests/e2e/code-snippets-edit.spec.ts

@@ -1,41 +1,41 @@
-import { test, expect } from '@playwright/test';
-import { SnippetsTestHelper } from './helpers/SnippetsTestHelper';
-import { MESSAGES } from './helpers/constants';
+import { test } from '@playwright/test'
+import { SnippetsTestHelper } from './helpers/SnippetsTestHelper'
+import { MESSAGES } from './helpers/constants'
 
-const TEST_SNIPPET_NAME = 'E2E Test Snippet';
+const TEST_SNIPPET_NAME = 'E2E Test Snippet'
 
 test.describe('Code Snippets Admin', () => {
-	let helper: SnippetsTestHelper;
+	let helper: SnippetsTestHelper
 
 	test.beforeEach(async ({ page }) => {
-		helper = new SnippetsTestHelper(page);
-		await helper.navigateToSnippetsAdmin();
-	});
+		helper = new SnippetsTestHelper(page)
+		await helper.navigateToSnippetsAdmin()
+	})
 
-	test('Can access snippets admin page', async ({ page }) => {
-		await helper.expectToBeOnSnippetsAdminPage();
-	});
+	test('Can access snippets admin page', async () => {
+		await helper.expectToBeOnSnippetsAdminPage()
+	})
 
-	test('Can add a new snippet', async ({ page }) => {
+	test('Can add a new snippet', async () => {
 		await helper.createSnippet({
 			name: TEST_SNIPPET_NAME,
 			code: 'echo "Hello World!";'
-		});
-	});
+		})
+	})
 
-	test('Can activate and deactivate a snippet', async ({ page }) => {
-		await helper.openSnippet(TEST_SNIPPET_NAME);
+	test('Can activate and deactivate a snippet', async () => {
+		await helper.openSnippet(TEST_SNIPPET_NAME)
 
-		await helper.saveSnippet('save_and_activate');
-		await helper.expectSuccessMessageInParagraph(MESSAGES.SNIPPET_UPDATED_AND_ACTIVATED);
+		await helper.saveSnippet('save_and_activate')
+		await helper.expectSuccessMessageInParagraph(MESSAGES.SNIPPET_UPDATED_AND_ACTIVATED)
 
-		await helper.saveSnippet('save_and_deactivate');
-		await helper.expectSuccessMessageInParagraph(MESSAGES.SNIPPET_UPDATED_AND_DEACTIVATED);
-	});
+		await helper.saveSnippet('save_and_deactivate')
+		await helper.expectSuccessMessageInParagraph(MESSAGES.SNIPPET_UPDATED_AND_DEACTIVATED)
+	})
 
-	test('Can delete a snippet', async ({ page }) => {
-		await helper.openSnippet(TEST_SNIPPET_NAME);
-		await helper.deleteSnippet();
-		await helper.expectTextNotVisible(TEST_SNIPPET_NAME);
-	});
-});
+	test('Can delete a snippet', async () => {
+		await helper.openSnippet(TEST_SNIPPET_NAME)
+		await helper.deleteSnippet()
+		await helper.expectTextNotVisible(TEST_SNIPPET_NAME)
+	})
+})