some tests, remove ranges from output

Author: bartveneman

src/chunkify.test.ts

@@ -0,0 +1,101 @@
+import { test, expect } from '@playwright/test'
+import { chunkify_stylesheet, type ChunkedCoverage } from './chunkify'
+
+test('creates chunks with outer chunks covered', () => {
+	let coverage = {
+		text: 'a { color: red; } b { color: green; } c { color: blue; }',
+		ranges: [
+			{ start: 0, end: 17 },
+			{ start: 38, end: 56 },
+		],
+		url: 'https://example.com',
+	}
+	let result = chunkify_stylesheet(coverage)
+	expect(result).toEqual({
+		...coverage,
+		chunks: [
+			{
+				start_offset: 0,
+				end_offset: 17,
+				is_covered: true,
+			},
+			{
+				start_offset: 17,
+				end_offset: 38,
+				is_covered: false,
+			},
+			{
+				start_offset: 38,
+				end_offset: 56,
+				is_covered: true,
+			},
+		],
+	} satisfies ChunkedCoverage)
+})
+
+test('creates chunks with only middle chunk covered', () => {
+	let coverage = {
+		text: 'a { color: red; } b { color: green; } c { color: blue; }',
+		ranges: [{ start: 17, end: 38 }],
+		url: 'https://example.com',
+	}
+	let result = chunkify_stylesheet(coverage)
+	expect(result).toEqual({
+		...coverage,
+		chunks: [
+			{
+				start_offset: 0,
+				end_offset: 17,
+				is_covered: false,
+			},
+			{
+				start_offset: 17,
+				end_offset: 38,
+				is_covered: true,
+			},
+			{
+				start_offset: 38,
+				end_offset: 56,
+				is_covered: false,
+			},
+		],
+	} satisfies ChunkedCoverage)
+})
+
+test('creates a single chunk when all is covered', () => {
+	let coverage = {
+		text: 'a { color: red; } b { color: green; } c { color: blue; }',
+		ranges: [{ start: 0, end: 56 }],
+		url: 'https://example.com',
+	}
+	let result = chunkify_stylesheet(coverage)
+	expect(result).toEqual({
+		...coverage,
+		chunks: [
+			{
+				start_offset: 0,
+				end_offset: 56,
+				is_covered: true,
+			},
+		],
+	} satisfies ChunkedCoverage)
+})
+
+test('creates a single chunk when none is covered', () => {
+	let coverage = {
+		text: 'a { color: red; } b { color: green; } c { color: blue; }',
+		ranges: [],
+		url: 'https://example.com',
+	}
+	let result = chunkify_stylesheet(coverage)
+	expect(result).toEqual({
+		...coverage,
+		chunks: [
+			{
+				start_offset: 0,
+				end_offset: 56,
+				is_covered: false,
+			},
+		],
+	} satisfies ChunkedCoverage)
+})

src/extend-ranges.test.ts

@@ -0,0 +1,4 @@
+import { test, expect } from '@playwright/test'
+import { extend_ranges } from './extend-ranges'
+
+// TODO

src/index.ts

@@ -20,7 +20,6 @@ export type CoverageData = {
 export type StylesheetCoverage = CoverageData & {
 	url: string
 	text: string
-	ranges: Range[]
 	chunks: PrettifiedChunk[]
 }
 
@@ -36,7 +35,7 @@ function ratio(fraction: number, total: number) {
 }
 
 function calculate_stylesheet_coverage(stylesheet: PrettifiedCoverage): StylesheetCoverage {
-	let { text, ranges, url, chunks } = stylesheet
+	let { text, url, chunks } = stylesheet
 	let uncovered_bytes = 0
 	let covered_bytes = 0
 	let total_bytes = 0
@@ -63,7 +62,6 @@ function calculate_stylesheet_coverage(stylesheet: PrettifiedCoverage): Styleshe
 	return {
 		url,
 		text,
-		ranges,
 		uncovered_bytes,
 		covered_bytes,
 		total_bytes,

src/prettify.test.ts

@@ -0,0 +1,10 @@
+import { test, expect } from '@playwright/test'
+import { prettify } from './prettify'
+
+test('simple range at start', () => {})
+test('simple range at middle', () => {})
+test('simple range at end', () => {})
+
+test('atrule at start', () => {})
+test('atrule at middle', () => {})
+test('atrule at end', () => {})

src/prettify.ts

@@ -9,7 +9,7 @@ export type PrettifiedChunk = ChunkedCoverage['chunks'][0] & {
 	css: string
 }
 
-export type PrettifiedCoverage = Coverage & {
+export type PrettifiedCoverage = Omit<Coverage, 'ranges'> & {
 	chunks: PrettifiedChunk[]
 }