postcss-plugins/plugins/postcss-rebase-url/test/unit/basic.mjs at 0c157867e7b1dc2b596b865c37336d56efdce052 · csstools/postcss-plugins · GitHub

1
2
3
4
5
6
7
8
9
10
11
12
13
14
15
16
17
18
19
20
21
22
23
24
25
26
27
28
29
30
31
32
33
34
35
36
37
38
39
40
41
42
43
44
45
46
47
48
49
50
51
52
53
54
55
56
57
58
59
60
61
62
63
64
65
66
67
68
69
70
71
72
73
74
75
76
77
78
79
80
81
82
83
84
85
86
87
88
89
90
91
import assert from 'node:assert';
import { test } from 'node:test';
import { rebase } from '../../src/rebase.mjs';

test('does not rebase when from and to directories are identical', () => {
	assert.equal(
		rebase(
			'foo.png',
			'/assets/css',
			'/assets/css',
		),
		'foo.png',
	);
});

test('rebases relative path from nested directory to parent', () => {
	assert.equal(
		rebase(
			'foo.png',
			'/assets/css/components',
			'/assets/css',
		),
		'components/foo.png',
	);
});

test('preserves absolute path when directories are identical', () => {
	assert.equal(
		rebase(
			'/foo.png',
			'/assets/css',
			'/assets/css',
		),
		'/foo.png',
	);
});

test('preserves absolute path when rebasing from nested directory', () => {
	assert.equal(
		rebase(
			'/foo.png',
			'/assets/css/components',
			'/assets/css',
		),
		'/foo.png',
	);
});

test('rebases parent-relative image path from nested directory', () => {
	assert.equal(
		rebase(
			'../images/foo.png',
			'/assets/css/components',
			'/assets/css',
		),
		'images/foo.png',
	);
});

test('rebases nested image path from nested directory', () => {
	assert.equal(
		rebase(
			'images/foo.png',
			'/assets/css/components',
			'/assets/css',
		),
		'components/images/foo.png',
	);
});

test('rebases path that goes above nested directory', () => {
	assert.equal(
		rebase(
			'../../images/foo.png',
			'/assets/css/components',
			'/assets/css',
		),
		'../images/foo.png',
	);
});

test('preserves path when base directories do not match', () => {
	assert.equal(
		rebase(
			'../../images/foo.png',
			'/blocks/components',
			'/assets/css',
		),
		'../../images/foo.png',
	);
});