utils.test.ts — astro Source File

Source Code

import assert from 'node:assert';
import { describe, it } from 'node:test';
import type { Point } from '@astrojs/compiler/types.js';
import { Range } from '@volar/language-server';
import type { Node } from 'vscode-html-languageservice';
import * as html from 'vscode-html-languageservice';
import { getTSXRangesAsLSPRanges, safeConvertToTSX } from '../../dist/core/astro2tsx.js';
import * as compilerUtils from '../../dist/core/compilerUtils.js';
import { getAstroMetadata } from '../../dist/core/parseAstro.js';
import * as utils from '../../dist/plugins/utils.js';

describe('Utilities', async () => {
	it('isTsDocument - properly return if a document is JavaScript', () => {
		assert.strictEqual(utils.isJSDocument('javascript'), true);
		assert.strictEqual(utils.isJSDocument('typescript'), true);
		assert.strictEqual(utils.isJSDocument('javascriptreact'), true);
		assert.strictEqual(utils.isJSDocument('typescriptreact'), true);
	});

	it('isPossibleComponent - properly return if a node is a component', () => {
		const node = {
			tag: 'div',
		} as Node;
		assert.strictEqual(utils.isPossibleComponent(node), false);

		const component = {
			tag: 'MyComponent',
		} as Node;
		assert.strictEqual(utils.isPossibleComponent(component), true);

		const namespacedComponent = {
			tag: 'components.MyOtherComponent',
		} as Node;
		assert.strictEqual(utils.isPossibleComponent(namespacedComponent), true);
	});

	it('isInComponentStartTag - properly return if a given offset is inside the start tag of a component', () => {
		const htmlLs = html.getLanguageService();
		const htmlContent = `<div><Component astr></Component></div>`;
		const htmlDoc = htmlLs.parseHTMLDocument({ getText: () => htmlContent } as any);

		assert.strictEqual(utils.isInComponentStartTag(htmlDoc, 3), false);
		assert.strictEqual(utils.isInComponentStartTag(htmlDoc, 16), true);
	});

	it('isInsideExpression - properly return if a given position is inside a JSX expression', () => {
		const template = `<div>{expression}</div>`;
		assert.strictEqual(utils.isInsideExpression(template, 0, 0), false);
		assert.strictEqual(utils.isInsideExpression(template, 0, 6), true);
	});

	it('isInsideFrontmatter - properly return if a given offset is inside the frontmatter', () => {
		const hasFrontmatter = getAstroMetadata('file.astro', '---\nfoo\n---\n');
		assert.strictEqual(utils.isInsideFrontmatter(0, hasFrontmatter.frontmatter), false);
		assert.strictEqual(utils.isInsideFrontmatter(6, hasFrontmatter.frontmatter), true);
		assert.strictEqual(utils.isInsideFrontmatter(15, hasFrontmatter.frontmatter), false);

		const noFrontmatter = getAstroMetadata('file.astro', '<div></div>');
		assert.strictEqual(utils.isInsideFrontmatter(0, noFrontmatter.frontmatter), false);
		assert.strictEqual(utils.isInsideFrontmatter(6, noFrontmatter.frontmatter), false);
// ... (77 more lines)