javascript-microsoft-typescript-concat-to-template

A painting is a person's account of this edit as text, recorded independently of the node mapping - a rendering often has several equally defensible answers where the mapping has one. Deletions and insertions carry no position on the opposite side in a painting, so that panel draws no caret for them.

Before1//// [tests/cases/conformance/es6/templates/templateStringWithEmbeddedConditional.ts] ////
2
3//// [templateStringWithEmbeddedConditional.ts]
4var x = `abc${ true ? false : " " }def`;
5
6//// [templateStringWithEmbeddedConditional.js]
7var x = "abc".concat(true ? false : " ", "def");
8

After1//// [tests/cases/conformance/es6/templates/templateStringWithEmbeddedConditional.ts] ////
2
3//// [templateStringWithEmbeddedConditional.ts]
4var x = `abc${ true ? false : " " }def`;
5
6//// [templateStringWithEmbeddedConditional.js]
7var x = `abc${true ? false : " "}def`;
8

Before1//// [tests/cases/conformance/es6/templates/templateStringWithEmbeddedConditional.ts] ////
2
3//// [templateStringWithEmbeddedConditional.ts]
4var x = `abc${ true ? false : " " }def`;
5
6//// [templateStringWithEmbeddedConditional.js]
7var x = "abc".concat(true ? false : " ", "def");
8

After1//// [tests/cases/conformance/es6/templates/templateStringWithEmbeddedConditional.ts] ////
2
3//// [templateStringWithEmbeddedConditional.ts]
4var x = `abc${ true ? false : " " }def`;
5
6//// [templateStringWithEmbeddedConditional.js]
7var x = `abc${true ? false : " "}def`;
8

Before1//// [tests/cases/conformance/es6/templates/templateStringWithEmbeddedConditional.ts] ////
2
3//// [templateStringWithEmbeddedConditional.ts]
4var x = `abc${ true ? false : " " }def`;
5
6//// [templateStringWithEmbeddedConditional.js]
7var x = "abc".concat(true ? false : " ", "def");
8

After1//// [tests/cases/conformance/es6/templates/templateStringWithEmbeddedConditional.ts] ////
2
3//// [templateStringWithEmbeddedConditional.ts]
4var x = `abc${ true ? false : " " }def`;
5
6//// [templateStringWithEmbeddedConditional.js]
7var x = `abc${true ? false : " "}def`;
8

Before

program

comment "//// [tests/cases/conformance/es6/templates/templateStringWi"...

comment "//// [templateStringWithEmbeddedConditional.ts]"

variable_declaration (+23 nodes collapsed)

comment "//// [templateStringWithEmbeddedConditional.js]"

variable_declaration

var "var"

variable_declarator

identifier "x"

= "="

call_expression

member_expression

string

" "\""

string_fragment "abc"

" "\""

. "."

property_identifier "concat"

arguments

( "("

ternary_expression

true "true"

? "?"

false "false"

: ":"

string

" "\""

string_fragment " "

" "\""

, ","

string

" "\""

string_fragment "def"

" "\""

) ")"

; ";"

After

program

comment "//// [tests/cases/conformance/es6/templates/templateStringWi"...

comment "//// [templateStringWithEmbeddedConditional.ts]"

variable_declaration (+23 nodes collapsed)

comment "//// [templateStringWithEmbeddedConditional.js]"

variable_declaration

var "var"

variable_declarator

identifier "x"

= "="

template_string

` "`"

string_fragment "abc"

template_substitution

${ "${"

ternary_expression

true "true"

? "?"

false "false"

: ":"

string

" "\""

string_fragment " "

" "\""

} "}"

string_fragment "def"

` "`"

; ";"

Keybindings

j / k: next / previous visible node (tree panels)
h / l: collapse / expand the focused node
g / G: jump to first / last visible node
Tab: switch focus between Before/After panels
/: search: jump to next node whose text contains a given string
a: jump the other panel to this node's mapped counterpart
i: hide identical matches, showing only inserted/deleted/updated nodes and their ancestors
v: cycle the view: split / code only / tree only
p: cycle what the code view renders: the node mapping, then each human painting
r: mark this fixture as reviewed, or forget the mark (kept in this browser only)
n: open a random fixture not yet marked as reviewed
?: toggle this help