/
stylus.ts
51 lines (49 loc) · 1.65 KB
/
stylus.ts
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
import {
writeMultipleFiles,
deleteFile,
expectFileToMatch,
replaceInFile,
} from '../../../utils/fs';
import { expectToFail } from '../../../utils/utils';
import { ng } from '../../../utils/process';
import { updateJsonFile } from '../../../utils/project';
export default function () {
// TODO(architect): Delete this test. It is now in devkit/build-angular.
return writeMultipleFiles({
'src/styles.styl': `
@import './imported-styles.styl';
body { background-color: blue; }
`,
'src/imported-styles.styl': 'p { background-color: red; }',
'src/app/app.component.styl': `
.outer {
.inner {
background: #fff;
}
}
`,
})
.then(() => deleteFile('src/app/app.component.css'))
.then(() =>
updateJsonFile('angular.json', (workspaceJson) => {
const appArchitect = workspaceJson.projects['test-project'].architect;
appArchitect.build.options.styles = [{ input: 'src/styles.styl' }];
}),
)
.then(() =>
replaceInFile('src/app/app.component.ts', './app.component.css', './app.component.styl'),
)
.then(() => ng('build', '--source-map', '--configuration=development'))
.then(() =>
expectFileToMatch('dist/test-project/styles.css', /body\s*{\s*background-color: #00f;\s*}/),
)
.then(() =>
expectFileToMatch('dist/test-project/styles.css', /p\s*{\s*background-color: #f00;\s*}/),
)
.then(() =>
expectToFail(() => expectFileToMatch('dist/test-project/styles.css', '"mappings":""')),
)
.then(() =>
expectFileToMatch('dist/test-project/main.js', /.outer.*.inner.*background:\s*#[fF]+/),
);
}