template-string.js

tagged_template_parens: {
    input: {
        (a) `0`;
        (a => b) `1`;
        (a = b) `2`;
        (a + b) `3`;
        (a ? b : c) `4`;
        (a, b, c) `5`;
        (~a) `6`;
        (a.b) `7`;
        (a["b"]) `8`;
        (a()) `9`;
    }
    expect_exact: 'a`0`;(a=>b)`1`;(a=b)`2`;(a+b)`3`;(a?b:c)`4`;(a,b,c)`5`;(~a)`6`;a.b`7`;a["b"]`8`;a()`9`;'
}

template_strings: {
    beautify = {
        quote_style: 3
    }
    input: {
        ``;
        `xx\`x`;
        `${ foo + 2 }`;
        ` foo ${ bar + `baz ${ qux }` }`;
    }
    expect_exact: "``;`xx\\`x`;`${foo+2}`;` foo ${bar+`baz ${qux}`}`;";
}

template_string_prefixes: {
    beautify = {
        quote_style: 3
    }
    input: {
        String.raw`foo`;
        foo `bar`;
    }
    expect_exact: "String.raw`foo`;foo`bar`;";
}

template_strings_ascii_only: {
    beautify = {
        ascii_only: true,
        quote_style: 3
    }
    input: {
        var foo = `foo
        bar
        ↂωↂ`;
        var bar = `\``;
    }
    expect_exact: "var foo=`foo\\n        bar\\n        \\u2182\\u03c9\\u2182`;var bar=`\\``;"
}

template_strings_without_ascii_only: {
    beautify = {
        quote_style: 3
    }
    input: {
        var foo = `foo
        bar
        ↂωↂ`
    }
    expect_exact: "var foo=`foo\\n        bar\\n        ↂωↂ`;"
}

template_string_with_constant_expression: {
    options = {
        evaluate: true
    }
    beautify = {
        quote_style: 3
    }
    input: {
        var foo = `${4 + 4} equals 4 + 4`;
    }
    expect: {
        var foo = "8 equals 4 + 4";
    }
}

template_string_with_predefined_constants: {
    options = {
        evaluate: true,
    }
    beautify = {
        quote_style: 3
    }
    input: {
        var foo = `This is ${undefined}`;
        var bar = `This is ${NaN}`;
        var baz = `This is ${null}`;
        var foofoo = `This is ${Infinity}`;
        var foobar = "This is ${1/0}";
        var foobaz = 'This is ${1/0}';
        var barfoo = "This is ${NaN}";
        var bazfoo = "This is ${null}";
        var bazbaz = `This is ${1/0}`;
        var barbar = `This is ${0/0}`;
        var barbar = "This is ${0/0}";
        var barber = 'This is ${0/0}';

        var a = `${4**11}`; // 8 in template vs 7 chars - 4194304
        var b = `${4**12}`; // 8 in template vs 8 chars - 16777216
        var c = `${4**14}`; // 8 in template vs 9 chars - 268435456
    }
    expect: {
        var foo = "This is undefined";
        var bar = "This is NaN";
        var baz = "This is null";
        var foofoo = "This is " + 1/0;
        var foobar = "This is ${1/0}";
        var foobaz = 'This is ${1/0}';
        var barfoo = "This is ${NaN}";
        var bazfoo = "This is ${null}";
        var bazbaz = "This is " + 1/0;
        var barbar = "This is NaN";
        var barbar = "This is ${0/0}";
        var barber = 'This is ${0/0}';

        var a = "4194304";
        var b = "16777216"; // Potential for further concatentation
        var c = `${4**14}`; // Not worth converting
    }
}

template_string_evaluate_with_many_segments: {
    options = {
        evaluate: true
    }
    beautify = {
        quote_style: 3
    }
    input: {
        var foo = `Hello ${guest()}, welcome to ${location()}${"."}`;
        var bar = `${1}${2}${3}${4}${5}${6}${7}${8}${9}${0}`;
        var baz = `${foobar()}${foobar()}${foobar()}${foobar()}`;
        var buzz = `${1}${foobar()}${2}${foobar()}${3}${foobar()}`;
    }
    expect: {
        var foo = `Hello ${guest()}, welcome to ${location()}.`;
        var bar = "1234567890";
        var baz = `${foobar()}${foobar()}${foobar()}${foobar()}`;
        var buzz = `1${foobar()}2${foobar()}3${foobar()}`;
    }
}

template_string_with_many_segments: {
    beautify = {
        quote_style: 3
    }
    input: {
        var foo = `Hello ${guest()}, welcome to ${location()}${"."}`;
        var bar = `${1}${2}${3}${4}${5}${6}${7}${8}${9}${0}`;
        var baz = `${foobar()}${foobar()}${foobar()}${foobar()}`;
        var buzz = `${1}${foobar()}${2}${foobar()}${3}${foobar()}`;
    }
    expect: {
        var foo = `Hello ${guest()}, welcome to ${location()}${"."}`;
        var bar = `${1}${2}${3}${4}${5}${6}${7}${8}${9}${0}`;
        var baz = `${foobar()}${foobar()}${foobar()}${foobar()}`;
        var buzz = `${1}${foobar()}${2}${foobar()}${3}${foobar()}`;
    }
}

template_string_to_normal_string: {
    options = {
        evaluate: true
    }
    beautify = {
        quote_style: 0
    }
    input: {
        var foo = `This is ${undefined}`;
        var bar = "Decimals " + `${1}${2}${3}${4}${5}${6}${7}${8}${9}${0}`;
    }
    expect: {
        var foo = "This is undefined";
        var bar = "Decimals 1234567890";
    }
}

template_concattenating_string: {
    options = {
        evaluate: true,
        unsafe: true
    }
    beautify = {
        quote_style: 3 // Yes, keep quotes
    }
    input: {
        var foo = "Have a nice " + `day. ${`day. ` + `day.`}`;
        var bar = "Have a nice " + `${day()}`;
    }
    expect: {
        var foo = "Have a nice day. day. day.";
        var bar = "Have a nice " + day();
    }
}

template_evaluate_undefined: {
    options = {
        evaluate: true,
        reduce_vars: true
    }
    input: {
        // test.js
        () => {
            let x;
            console.log(x + `?ts=${Date.now()}`);
        };
    }
    expect: {
        () => {
            let x;
            console.log(`undefined?ts=${Date.now()}`);
        };
    }
}

evaluate_nested_templates: {
    options = {
        evaluate: true
    }
    beautify = {
        quote_style: 0
    }
    input: {
        var foo = `${`${`${`foo`}`}`}`;
        var bar = `before ${`innerBefore ${any} innerAfter`} after`;
        var baz = `1 ${2 + `3 ${any} 4` + 5} 6`;
    }
    expect: {
        var foo = "foo";
        var bar = `before innerBefore ${any} innerAfter after`;
        var baz = `1 23 ${any} 45 6`;
    }
}

respect_inline_script: {
    beautify = {
        inline_script: true,
        quote_style: 3
    }
    input: {
        var foo = `</script>${content}`;
        var bar = `<!--`;
        var baz = `-->`;
    }
    expect_exact: "var foo=`<\\/script>${content}`;var bar=`\\x3c!--`;var baz=`--\\x3e`;";
}

do_not_optimize_tagged_template_1: {
    beautify = {
        quote_style: 0
    }
    options = {
        evaluate: true
    }
    input: {
        var foo = tag`Shall not be optimized. ${"But " + "this " + "is " + "fine."}`;
        var bar = tag`Don't even mind changing my quotes!`;
    }
    expect_exact:
        'var foo=tag`Shall not be optimized. ${"But this is fine."}`;var bar=tag`Don\'t even mind changing my quotes!`;';
}

do_not_optimize_tagged_template_2: {
    options = {
        evaluate: true
    }
    input: {
        var foo = tag`test` + " something out";
    }
    expect_exact: 'var foo=tag`test`+" something out";';
}

keep_raw_content_in_tagged_template: {
    options = {
        evaluate: true
    }
    input: {
        var foo = tag`\u0020\u{20}\u{00020}\x20\40\040 `;
    }
    expect_exact: "var foo=tag`\\u0020\\u{20}\\u{00020}\\x20\\40\\040 `;";
}

allow_chained_templates: {
    input: {
        var foo = tag`a``b``c``d`;
    }
    expect: {
        var foo = tag`a``b``c``d`;
    }
}

check_escaped_chars: {
    input: {
        var foo = `\u0020\u{20}\u{00020}\x20 `;
    }
    expect_exact: "var foo=`     `;";
}

escape_dollar_curly: {
    options = {
        evaluate: true
    }
    input: {
        console.log(`\$\{ beep \}`)
        console.log(`${1-0}\${2-0}$\{3-0}${4-0}`)
        console.log(`$${""}{not an expression}`)
    }
    expect_exact: 'console.log("${ beep }");console.log("1${2-0}${3-0}4");console.log("${not an expression}");'
}

template_starting_with_newline: {
    options = {
        dead_code: true
    }
    input: {
        function foo(e) {
            return `
this is a template string!`;
        };
    }
    expect_exact: "function foo(e){return`\\nthis is a template string!`}"
}

template_with_newline: {
    options = {
        dead_code: true
    }
    input: {
        function foo(e) {
            return `yep,
this is a template string!`;
        };
    }
    expect_exact: "function foo(e){return`yep,\\nthis is a template string!`}"
}

template_ending_with_newline: {
    options = {
        dead_code: true
    }
    input: {
        function foo(e) {
            return `this is a template string!
`;
        };
    }
    expect_exact: "function foo(e){return`this is a template string!\\n`}"
}

issue_1856: {
    beautify = {
        ascii_only: false,
    }
    input: {
        console.log(`\\n\\r\\u2028\\u2029\n\r\u2028\u2029`);
    }
    expect_exact: "console.log(`\\\\n\\\\r\\\\u2028\\\\u2029\\n\\r\\u2028\\u2029`);"
}

issue_1856_ascii_only: {
    beautify = {
        ascii_only: true,
    }
    input: {
        console.log(`\\n\\r\\u2028\\u2029\n\r\u2028\u2029`);
    }
    expect_exact: "console.log(`\\\\n\\\\r\\\\u2028\\\\u2029\\n\\r\\u2028\\u2029`);"
}

side_effects: {
    options = {
        evaluate: true,
        side_effects: true,
    }
    input: {
        `t1`;
        tag`t2`;
        `t${3}`;
        tag`t${4}`;
        console.log(`
t${5}`);
        function f(a) {
            `t6${a}`;
            a = `t7${a}` & a;
            a = `t8${b}` | a;
            a = f`t9${a}` ^ a;
        }
    }
    expect: {
        tag`t2`;
        tag`t${4}`;
        console.log("\nt5");
        function f(a) {
            a &= `t7${a}`;
            a = `t8${b}` | a;
            a = f`t9${a}` ^ a;
        }
    }
}

simple_string: {
    options = {
        computed_props: true,
        evaluate: true,
        properties: true,
    }
    input: {
        console.log( `world`, {[`foo`]: 1}[`foo`], `hi` == "hi");
    }
    expect: {
        console.log("world", [ 1 ][0], true);
    }
    expect_stdout: "world 1 true"
}

semicolons: {
    beautify = {
        semicolons: false,
    }
    input: {
        foo;
        `bar`;
    }
    expect_exact: "foo;`bar`\n"
}

regex_1: {
    input: {
        console.log(`${/a/} ${6/2} ${/b/.test("b")} ${1?/c/:/d/}`);
    }
    expect_exact: 'console.log(`${/a/} ${6/2} ${/b/.test("b")} ${1?/c/:/d/}`);'
    expect_stdout: "/a/ 3 true /c/"
}

regex_2: {
    options = {
        evaluate: true,
        unsafe: true,
    }
    input: {
        console.log(`${/a/} ${6/2} ${/b/.test("b")} ${1?/c/:/d/}`);
    }
    expect: {
        console.log("/a/ 3 true /c/");
    }
    expect_stdout: "/a/ 3 true /c/"
}

sequence_1: {
    input: {
        console.log(`${1,2} ${/a/,/b/}`);
    }
    expect_exact: 'console.log(`${1,2} ${/a/,/b/}`);'
    expect_stdout: "2 /b/"
}

sequence_2: {
    options = {
        evaluate: true,
        side_effects: true,
    }
    input: {
        console.log(`${1,2} ${/a/,/b/}`);
    }
    expect: {
        console.log("2 /b/");
    }
    expect_stdout: "2 /b/"
}

return_template_string_with_trailing_backslash: {
    input: {
        function a() {
            return `\
foo`;
        }
        function b() {
            return `
bar`;
        }
        function c() {
            return
            `\
baz`;
        }
        function d() {
            return
            `qux`;
        }
        function e() {
            return `\nfin`;
        }
        console.log(a(), b(), c(), d(), e());
    }
    expect: {
        function a() {
            return `foo`;
        }
        function b() {
            return `\nbar`;
        }
        function c() {
            return;
            `baz`;
        }
        function d() {
            return;
            `qux`;
        }
        function e() {
            return `\nfin`;
        }
        console.log(a(), b(), c(), d(), e());
    }
    expect_stdout: [
        "foo ",
        "bar undefined undefined ",
        "fin",
    ]
}

tagged_template_with_invalid_escape: {
    input: {
        function x(s) { return s.raw[0]; }
        console.log(String.raw`\u`);
        console.log(x`\u`);
    }
    expect_exact: "function x(s){return s.raw[0]}console.log(String.raw`\\u`);console.log(x`\\u`);"
    expect_stdout: [
        "\\u",
        "\\u",
    ]
    node_version: ">=10"
}

tagged_call_with_invalid_escape_2: {
    options = {
        defaults: true,
        toplevel: true,
    }
    input: {
        var x = {
            y: () => String.raw
        };
        console.log(x.y()`\4321\u\x`);
        let z = () => String.raw;
        console.log(z()`\4321\u\x`);
    }
    expect: {
        var x_y = () => String.raw;
        console.log(x_y()`\4321\u\x`);
        console.log(String.raw`\4321\u\x`);
    }
    expect_stdout: [
        "\\4321\\u\\x",
        "\\4321\\u\\x",
    ]
    node_version: ">=10"
}

es2018_revision_of_template_escapes_1: {
    options = {
        defaults: true,
    }
    input: {
        console.log(String.raw`\unicode \xerces \1234567890`);
    }
    expect_exact: "console.log(String.raw\`\\unicode \\xerces \\1234567890\`);"
    expect_stdout: "\\unicode \\xerces \\1234567890"
    node_version: ">=10"
}

tagged_call_with_invalid_escape: {
    input: {
        let z = () => String.raw;
        console.log(z()`\4321\u\x`);
    }
    expect: {
        let z = () => String.raw;
        console.log(z()`\4321\u\x`);
    }
    expect_stdout: [
        "\\4321\\u\\x",
    ]
    node_version: ">=10"
}

invalid_unicode_escape_in_regular_string: {
    options = {
        defaults: true,
    }
    input: `
        console.log("FAIL\\u")
    `
    expect_error: ({
        "name": "SyntaxError",
        "message": "Invalid hex-character pattern in string",
        "line": 2,
        "col": 20,
    })
}

invalid_escape_in_template_string_1: {
    options = {
        defaults: true,
    }
    input: `
        console.log(\`\\unicode \\xerces\ \\1234567890\`);
    `
    expect_error: ({
        "name": "SyntaxError",
        "message": "Invalid hex-character pattern in string",
        "line": 2,
        "col": 20
    })
}

invalid_escape_in_template_string_2: {
    options = {
        defaults: true,
    }
    input: `
        console.log(\`\\u\`.charCodeAt(0));
    `
    expect_error: ({
        "name": "SyntaxError",
        "message": "Invalid hex-character pattern in string",
        "line": 2,
        "col": 20
    })
}

invalid_escape_in_template_string_3: {
    options = {
        defaults: true,
    }
    input: `
        console.log("FAIL\\041" + \`\\041\`);
    `
    expect_error: ({
        "name": "SyntaxError",
        "message": "Octal escape sequences are not allowed in template strings",
        "line": 2,
        "col": 33,
    })
}

invalid_escape_in_template_string_4: {
    options = {
        defaults: true,
    }
    input: `
        console.log("FAIL\\x21" + \`\\x\`);
    `
    expect_error: ({
        "name": "SyntaxError",
        "message": "Invalid hex-character pattern in string",
        "line": 2,
        "col": 33
    })
}

invalid_escape_in_template_string_5: {
    options = {
        defaults: true,
    }
    input: `
        console.log("FAIL\\x21" + \`\\xERROR\`);
    `
    expect_error: ({
        "name": "SyntaxError",
        "message": "Invalid hex-character pattern in string",
        "line": 2,
        "col": 33,
    })
}

invalid_hex_character_pattern: {
    input: `
        console.log('\\u{-1}')
    `
    expect_error: ({
        "name": "SyntaxError",
        "message": "Invalid hex-character pattern in string",
        "line": 2,
        "col": 20
    })
}

invalid_unicode_patterns: {
    input: `
        "\\u{110000}"
    `
    expect_error: ({
        "name": "SyntaxError",
        "message": "Unicode reference out of bounds"
    })
}

invalid_unicode_patterns_2: {
    input: `
        "\\u{100000061}"
    `
    expect_error: ({
        "name": "SyntaxError",
        "message": "Unicode reference out of bounds"
    })
}

invalid_unicode_patterns_3: {
    input: `
        "\\u{fffffffffff}"
    `
    expect_error: ({
        "name": "SyntaxError",
        "message": "Unicode reference out of bounds"
    })
}

untagged_template_with_ill_formed_unicode_escape: {
    input: `
        console.log(\`\\u{-1}\`)
    `
    expect_error: ({
        "name": "SyntaxError",
        "message": "Invalid hex-character pattern in string",
        "line": 2,
        "col": 20
    })
}

tagged_template_with_ill_formed_unicode_escape: {
    input: {
        console.log(String.raw`\u{-1}`);
    }
    expect_exact: "console.log(String.raw`\\u{-1}`);";
    expect_stdout: "\\u{-1}"
    node_version: ">=10"
}

tagged_template_with_comment: {
    input: {
        console.log(String.raw/*foo*/`\u`);
        console.log((() => String.raw)()/*bar*/`\x`);
    }
    expect_exact: "console.log(String.raw`\\u`);console.log((()=>String.raw)()`\\x`);"
    expect_stdout: [
        "\\u",
        "\\x"
    ]
    node_version: ">=10"
}

tagged_template_valid_strict_legacy_octal: {
    input: {
        "use strict";
        console.log(String.raw`\u\x\567`);
    }
    expect_exact: '"use strict";console.log(String.raw`\\u\\x\\567`);'
    expect_stdout: "\\u\\x\\567"
    node_version: ">=10"
}

tagged_template_function_inline_1: {
    options =  {
        defaults: true,
        toplevel: true
    }
    input: {
        var tpl = () => {};

        tpl`test`;
    }
    expect_exact: "(()=>{})`test`;"
}

tagged_template_function_inline_2: {
    options =  {
        defaults: true,
        toplevel: true
    }
    input: {
        var tpl = function(){};

        tpl`test`;
    }
    expect_exact: "(function(){})`test`;"
}

tagged_template_function_inline_3: {
    options =  {
        defaults: true,
        toplevel: true
    }
    input: {
        function tpl(){};

        tpl`test`;
    }
    expect_exact: "(function(){})`test`;"
}

tagged_template_function_inline_4: {
    options =  {
        defaults: true,
        toplevel: true
    }
    input: {
        const t = {
            pl: function () {}
        }

        t.pl`test`;
    }
    expect_exact: "(function(){})`test`;"
}

tagged_template_function_inline_5: {
    options =  {
        defaults: true,
        toplevel: true
    }
    input: {
        const t = {
            pl() {}
        }

        t.pl`test`;
    }
    expect_exact: "({pl(){}}.pl)`test`;"
}

allow_null_character: {
    output = { ascii_only: true }
    input: {
        `\0`;
        `\0${x}`;
    }
    expect_exact: "`\\0`;`\\0${x}`;"
}

template_literal_plus: {
    options = {
        evaluate: true,
    }
    input: {
        console.log(`foo${any}baz` + 1);
        console.log(1 + `foo${any}baz`);
        console.log(`1${any}2` + `foo${any}baz`);
    }
    expect: {
        console.log(`foo${any}baz1`);
        console.log(`1foo${any}baz`);
        console.log(`1${any}2foo${any}baz`);
    }
}

template_literal_plus_grouping: {
    options = {
        evaluate: true,
    }
    input: {
        console.log((`foo${any}baz` + 'middle') + 'test');
        console.log('test' + ('middle' + `foo${any}baz`));
        console.log((`1${any}2` + '3') + ('4' + `foo${any}baz`));
        console.log((1 + `2${any}3` + '4') + ('5' + `foo${any}baz` + 6));
    }
    expect: {
        console.log(`foo${any}bazmiddletest`);
        console.log(`testmiddlefoo${any}baz`);
        console.log(`1${any}234foo${any}baz`);
        console.log(`12${any}345foo${any}baz6`);
    }
}

array_join: {
    options = {
        evaluate: true,
        unsafe: true,
    }
    input: {
        var foo = [`1 ${any} 2`].join('');
        var bar = ["before", `1 ${any} 2`].join('');
        var baz = [`1 ${any} 2`, "after"].join('');
        var qux = ["before", `1 ${any} 2`, "after"].join('');
    }
    expect: {
        var foo = `1 ${any} 2`;
        var bar = `before1 ${any} 2`;
        var baz = `1 ${any} 2after`;
        var qux = `before1 ${any} 2after`;
    }
}

equality: {
    options = {
        evaluate: true,
        comparisons: true,
    }
    input: {
        var a = `1${any}2` === '12'
        var b = `1${any}2` === `12`
    }
    expect: {
        var a = "12" == `1${any}2`
        var b = "12" == `1${any}2`
    }
}

coerce_to_string: {
    options = {
        evaluate: true,
        unsafe: true
    }
    input: {
        var str = `${any}`;
    }
    expect: {
        var str = '' + any;
    }
}

special_chars_in_string: {
    options = {
        evaluate: true,
    }
    input: {
        var str = `foo ${'`;\n`${any}'} bar`;
        var concat = `foo ${any} bar` + '`;\n`${any}';
        var template = `foo ${'`;\n`${any}'} ${any} bar`;
    }
    expect: {
        var str="foo `;\n`${any} bar";
        var concat=`foo ${any} bar\`;\n\`\${any}`;
        var template=`foo \`;\n\`\${any} ${any} bar`;
    }
}

template_string_new_parens: {
    input: {
        new Thing()``
    }
    expect_exact: "(new Thing)``;"
}

template_string_nested: {
    input: {
        console.log(`${`${2,0}`} ${1}`)
        console.log(`${String.raw`${2,0}\n`} ${1}`)
    }
    expect_stdout: [
        "0 1",
        "0\\n 1",
    ]
}