mirror of
https://github.com/danog/dart-sass.git
synced 2024-12-11 16:49:48 +01:00
419 lines
13 KiB
Dart
419 lines
13 KiB
Dart
// Copyright 2017 Google Inc. Use of this source code is governed by an
|
|
// MIT-style license that can be found in the LICENSE file or at
|
|
// https://opensource.org/licenses/MIT.
|
|
|
|
@TestOn('node')
|
|
@Tags(const ['node'])
|
|
|
|
// This is unsafe prior to sdk#30098, which landed in Dart 1.25.0-dev.7.0.
|
|
import 'package:path/path.dart' as unsafePath;
|
|
import 'package:test/test.dart';
|
|
|
|
import 'package:sass/src/util/path.dart';
|
|
import 'package:sass/src/node/utils.dart';
|
|
|
|
import 'ensure_npm_package.dart';
|
|
import 'hybrid.dart';
|
|
import 'node_api/api.dart';
|
|
import 'node_api/utils.dart';
|
|
|
|
String sassPath;
|
|
|
|
void main() {
|
|
setUpAll(ensureNpmPackage);
|
|
useSandbox();
|
|
|
|
setUp(() async {
|
|
sassPath = p.join(sandbox, 'test.scss');
|
|
await writeTextFile(sassPath, 'a {b: c}');
|
|
});
|
|
|
|
group("renderSync()", () {
|
|
test("renders a file", () {
|
|
expect(renderSync(new RenderOptions(file: sassPath)), equals('''
|
|
a {
|
|
b: c;
|
|
}'''));
|
|
});
|
|
|
|
test("renders a file with the indented syntax", () async {
|
|
var indentedPath = p.join(sandbox, 'test.sass');
|
|
await writeTextFile(indentedPath, 'a\n b: c');
|
|
expect(renderSync(new RenderOptions(file: indentedPath)), equals('''
|
|
a {
|
|
b: c;
|
|
}'''));
|
|
});
|
|
|
|
test("supports relative imports for a file", () async {
|
|
var importerPath = p.join(sandbox, 'importer.scss');
|
|
await writeTextFile(importerPath, '@import "test"');
|
|
expect(renderSync(new RenderOptions(file: importerPath)), equals('''
|
|
a {
|
|
b: c;
|
|
}'''));
|
|
});
|
|
|
|
test("supports absolute path imports", () async {
|
|
expect(
|
|
renderSync(new RenderOptions(
|
|
// Node Sass parses imports as paths, not as URLs, so the absolute
|
|
// path should work here.
|
|
data: '@import "${sassPath.replaceAll('\\', '\\\\')}"')),
|
|
equalsIgnoringWhitespace('a { b: c; }'));
|
|
});
|
|
|
|
test("renders a string", () {
|
|
expect(renderSync(new RenderOptions(data: "a {b: c}")), equals('''
|
|
a {
|
|
b: c;
|
|
}'''));
|
|
});
|
|
|
|
test("one of data and file must be set", () {
|
|
var error = renderSyncError(new RenderOptions());
|
|
expect(error.toString(),
|
|
contains('Either options.data or options.file must be set.'));
|
|
});
|
|
|
|
test("supports load paths", () {
|
|
expect(
|
|
renderSync(new RenderOptions(
|
|
data: "@import 'test'", includePaths: [sandbox])),
|
|
equals('''
|
|
a {
|
|
b: c;
|
|
}'''));
|
|
});
|
|
|
|
test("can render the indented syntax", () {
|
|
expect(
|
|
renderSync(
|
|
new RenderOptions(data: "a\n b: c", indentedSyntax: true)),
|
|
equals('''
|
|
a {
|
|
b: c;
|
|
}'''));
|
|
});
|
|
|
|
test("the indented syntax flag takes precedence over the file extension",
|
|
() async {
|
|
var scssPath = p.join(sandbox, 'test.scss');
|
|
await writeTextFile(scssPath, 'a\n b: c');
|
|
expect(
|
|
renderSync(new RenderOptions(file: scssPath, indentedSyntax: true)),
|
|
equals('''
|
|
a {
|
|
b: c;
|
|
}'''));
|
|
});
|
|
|
|
test("supports the expanded output style", () {
|
|
expect(
|
|
renderSync(
|
|
new RenderOptions(file: sassPath, outputStyle: 'expanded')),
|
|
equals('''
|
|
a {
|
|
b: c;
|
|
}'''));
|
|
});
|
|
|
|
test("doesn't support other output styles", () {
|
|
var error = renderSyncError(
|
|
new RenderOptions(file: sassPath, outputStyle: 'nested'));
|
|
expect(error.toString(), contains('Unsupported output style "nested".'));
|
|
});
|
|
|
|
test("allows tab indentation", () {
|
|
expect(renderSync(new RenderOptions(file: sassPath, indentType: 'tab')),
|
|
equals('''
|
|
a {
|
|
\t\tb: c;
|
|
}'''));
|
|
});
|
|
|
|
test("allows unknown indentation names", () {
|
|
expect(renderSync(new RenderOptions(file: sassPath, indentType: 'asdf')),
|
|
equals('''
|
|
a {
|
|
b: c;
|
|
}'''));
|
|
});
|
|
|
|
group("linefeed allows", () {
|
|
test("cr", () {
|
|
expect(renderSync(new RenderOptions(file: sassPath, linefeed: 'cr')),
|
|
equals('a {\r b: c;\r}'));
|
|
});
|
|
|
|
test("crlf", () {
|
|
expect(renderSync(new RenderOptions(file: sassPath, linefeed: 'crlf')),
|
|
equals('a {\r\n b: c;\r\n}'));
|
|
});
|
|
|
|
test("lfcr", () {
|
|
expect(renderSync(new RenderOptions(file: sassPath, linefeed: 'lfcr')),
|
|
equals('a {\n\r b: c;\n\r}'));
|
|
});
|
|
|
|
test("unknown names", () {
|
|
expect(renderSync(new RenderOptions(file: sassPath, linefeed: 'asdf')),
|
|
equals('a {\n b: c;\n}'));
|
|
});
|
|
});
|
|
|
|
group("indentWidth allows", () {
|
|
test("a number", () {
|
|
expect(renderSync(new RenderOptions(file: sassPath, indentWidth: 10)),
|
|
equals('''
|
|
a {
|
|
b: c;
|
|
}'''));
|
|
});
|
|
|
|
test("a string", () {
|
|
expect(renderSync(new RenderOptions(file: sassPath, indentWidth: '1')),
|
|
equals('''
|
|
a {
|
|
b: c;
|
|
}'''));
|
|
});
|
|
});
|
|
|
|
group("with both data and file", () {
|
|
test("uses the data parameter as the source", () {
|
|
expect(renderSync(new RenderOptions(data: "x {y: z}", file: sassPath)),
|
|
equalsIgnoringWhitespace('x { y: z; }'));
|
|
});
|
|
|
|
test("doesn't require the file path to exist", () {
|
|
expect(
|
|
renderSync(new RenderOptions(
|
|
data: "x {y: z}", file: p.join(sandbox, 'non-existent.scss'))),
|
|
equalsIgnoringWhitespace('x { y: z; }'));
|
|
});
|
|
|
|
test("imports relative to the file path", () async {
|
|
await writeTextFile(p.join(sandbox, 'importee.scss'), 'x {y: z}');
|
|
expect(
|
|
renderSync(
|
|
new RenderOptions(data: "@import 'importee'", file: sassPath)),
|
|
equalsIgnoringWhitespace('x { y: z; }'));
|
|
});
|
|
|
|
test("reports errors from the file path", () {
|
|
var error =
|
|
renderSyncError(new RenderOptions(data: "x {y: }", file: sassPath));
|
|
expect(
|
|
error.toString(),
|
|
equals("Error: Expected expression.\n"
|
|
" $sassPath 1:7 root stylesheet"));
|
|
});
|
|
});
|
|
|
|
group("the result object", () {
|
|
test("includes the filename", () {
|
|
var result = sass.renderSync(new RenderOptions(file: sassPath));
|
|
expect(result.stats.entry, equals(sassPath));
|
|
});
|
|
|
|
test("includes data without a filename", () {
|
|
var result = sass.renderSync(new RenderOptions(data: 'a {b: c}'));
|
|
expect(result.stats.entry, equals('data'));
|
|
});
|
|
|
|
test("includes timing information", () {
|
|
var result = sass.renderSync(new RenderOptions(file: sassPath));
|
|
expect(result.stats.start, new isInstanceOf<int>());
|
|
expect(result.stats.end, new isInstanceOf<int>());
|
|
expect(result.stats.start, lessThanOrEqualTo(result.stats.end));
|
|
expect(result.stats.duration,
|
|
equals(result.stats.end - result.stats.start));
|
|
});
|
|
|
|
group("has includedFiles which", () {
|
|
test("contains the root path if available", () {
|
|
var result = sass.renderSync(new RenderOptions(file: sassPath));
|
|
expect(result.stats.includedFiles, equals([sassPath]));
|
|
});
|
|
|
|
test("doesn't contain the root path if it's not available", () {
|
|
var result = sass.renderSync(new RenderOptions(data: 'a {b: c}'));
|
|
expect(result.stats.includedFiles, isEmpty);
|
|
});
|
|
|
|
test("contains imported paths", () async {
|
|
var importerPath = p.join(sandbox, 'importer.scss');
|
|
await writeTextFile(importerPath, '@import "test"');
|
|
|
|
var result = sass.renderSync(new RenderOptions(file: importerPath));
|
|
expect(result.stats.includedFiles,
|
|
unorderedEquals([importerPath, sassPath]));
|
|
});
|
|
|
|
test("only contains each path once", () async {
|
|
var importerPath = p.join(sandbox, 'importer.scss');
|
|
await writeTextFile(importerPath, '@import "test"; @import "test";');
|
|
|
|
var result = sass.renderSync(new RenderOptions(file: importerPath));
|
|
expect(result.stats.includedFiles,
|
|
unorderedEquals([importerPath, sassPath]));
|
|
});
|
|
});
|
|
});
|
|
|
|
group("the error object", () {
|
|
RenderError error;
|
|
group("for a parse error in a file", () {
|
|
setUp(() async {
|
|
await writeTextFile(sassPath, "a {b: }");
|
|
error = renderSyncError(new RenderOptions(file: sassPath));
|
|
});
|
|
|
|
test("is a JS Error", () async {
|
|
expect(isJSError(error), isTrue);
|
|
});
|
|
|
|
test("has a useful toString() and message", () async {
|
|
expect(
|
|
error,
|
|
toStringAndMessageEqual("Expected expression.\n"
|
|
" $sassPath 1:7 root stylesheet"));
|
|
});
|
|
|
|
test("has a useful formatted message", () async {
|
|
expect(
|
|
error.formatted,
|
|
"Error: Expected expression.\n"
|
|
"a {b: }\n"
|
|
" ^\n"
|
|
" ${tracePath(sassPath)} 1:7 root stylesheet");
|
|
});
|
|
|
|
test("sets the line, column, and filename", () {
|
|
expect(error.line, equals(1));
|
|
expect(error.column, equals(7));
|
|
expect(error.file, equals(sassPath));
|
|
});
|
|
});
|
|
|
|
group("for a parse error in a string", () {
|
|
setUp(() {
|
|
error = renderSyncError(new RenderOptions(data: "a {b: }"));
|
|
});
|
|
|
|
test("is a JS Error", () async {
|
|
expect(isJSError(error), isTrue);
|
|
});
|
|
|
|
test("has a useful toString() and message", () {
|
|
expect(
|
|
error,
|
|
toStringAndMessageEqual("Expected expression.\n"
|
|
" stdin 1:7 root stylesheet"));
|
|
});
|
|
|
|
test("has a useful formatted message", () {
|
|
expect(
|
|
error.formatted,
|
|
"Error: Expected expression.\n"
|
|
"a {b: }\n"
|
|
" ^\n"
|
|
" stdin 1:7 root stylesheet");
|
|
});
|
|
|
|
test("sets the line, column, and filename", () {
|
|
expect(error.line, equals(1));
|
|
expect(error.column, equals(7));
|
|
expect(error.file, equals("stdin"));
|
|
});
|
|
});
|
|
|
|
group("for a runtime error in a file", () {
|
|
setUp(() async {
|
|
await writeTextFile(sassPath, "a {b: 1 % a}");
|
|
error = renderSyncError(new RenderOptions(file: sassPath));
|
|
});
|
|
|
|
test("has a useful toString() and message", () {
|
|
expect(
|
|
error,
|
|
toStringAndMessageEqual('Undefined operation "1 % a".\n'
|
|
' ${tracePath(sassPath)} 1:7 root stylesheet'));
|
|
});
|
|
|
|
test("has a useful formatted message", () async {
|
|
expect(
|
|
error.formatted,
|
|
'Error: Undefined operation "1 % a".\n'
|
|
'a {b: 1 % a}\n'
|
|
' ^^^^^\n'
|
|
' ${tracePath(sassPath)} 1:7 root stylesheet');
|
|
});
|
|
|
|
test("sets the line, column, and filename", () {
|
|
expect(error.line, equals(1));
|
|
expect(error.column, equals(7));
|
|
expect(error.file, equals(sassPath));
|
|
});
|
|
});
|
|
|
|
group("for a runtime error in a string", () {
|
|
setUp(() {
|
|
error = renderSyncError(new RenderOptions(data: "a {b: 1 % a}"));
|
|
});
|
|
|
|
test("has a useful toString() and message", () {
|
|
expect(
|
|
error,
|
|
toStringAndMessageEqual('Undefined operation "1 % a".\n'
|
|
' stdin 1:7 root stylesheet'));
|
|
});
|
|
|
|
test("has a useful formatted message", () {
|
|
expect(
|
|
error.formatted,
|
|
'Error: Undefined operation "1 % a".\n'
|
|
'a {b: 1 % a}\n'
|
|
' ^^^^^\n'
|
|
' stdin 1:7 root stylesheet');
|
|
});
|
|
|
|
test("sets the line, column, and filename", () {
|
|
expect(error.line, equals(1));
|
|
expect(error.column, equals(7));
|
|
expect(error.file, equals("stdin"));
|
|
});
|
|
});
|
|
});
|
|
});
|
|
|
|
group("render()", () {
|
|
test("renders a file", () async {
|
|
expect(await render(new RenderOptions(file: sassPath)), equals('''
|
|
a {
|
|
b: c;
|
|
}'''));
|
|
});
|
|
|
|
test("throws an error that has a useful toString", () async {
|
|
await writeTextFile(sassPath, 'a {b: }');
|
|
|
|
var error = await renderError(new RenderOptions(file: sassPath));
|
|
expect(
|
|
error.toString(),
|
|
equals("Error: Expected expression.\n"
|
|
" $sassPath 1:7 root stylesheet"));
|
|
});
|
|
},
|
|
// render() and renderError() use Zone.bindBinaryCallbackGuarded(), which
|
|
// is only available on Dart 2.
|
|
tags: "dart2");
|
|
}
|
|
|
|
/// Returns [path] in the format it appears in formatted stack traces.
|
|
///
|
|
/// Stack traces use the global `path` context, which is broken on Node prior to
|
|
/// Dart 1.25.0-dev.7.0.
|
|
String tracePath(String path) => unsafePath.prettyUri(p.toUri(path));
|