---
source: crates/rome_formatter_test/src/snapshot_builder.rs
info:
  test_file: js/module/template/template.js
---

# Input

```js
`something`;

tag`something`
`something ${ " hello" }`;

`something ${ () => { var hey; const looooooooooong_expression = "loooooooooong_expression" }} something else ${ ehy }`;
    `something ${ () => { var hey; const looooooooooong_expression = "loooooooooong_expression"; return hey; }} something else ${ ehy }`;


`test
  abcd ${input}
output
`;

`test
  abcd ${ () => { var hey; const looooooooooong_expression = "loooooooooong_expression"; return hey; }}
output
`;

// Single Line
const bar =`but where will ${this.fanta} wrap ${baz} ${"hello"} template literal? ${bar.ff.sss} long long long long ${foo[3]} long long long long long long`;


// Fit
const foo = `but where will ${a && b && bar || c && d && g} wrap long long long long long long`;

const foo = `but where will ${lorem && loremlorem && loremlorem || loremc && lorem && loremlorem} wrap long long long long long long`;

const a = `
let expression_is_simple = is_plain_expression(&expression)?;
${loooooong || loooooong || loooooong || loooooong || loooooong || loooooong || loooooong || loooooong }
let expression_is_simple = is_plain_expression(&expression)?;
`;

const foo = `but where will ${
    // with comment
    this.fanta} wrap long long long long long long`;

`<div>${this.set && this.set.artist
    /* avoid console errors if `this.set` is undefined */}</div>`;

`<div>${ /* avoid console errors if `this.set` is undefined */
    this.set && this.set.artist}</div>`;

`${// $FlowFixMe found when converting React.createClass to ES6
ExampleStory.getFragment('story')}
`;

```


=============================

# Outputs

## Output 1

-----
Indent style: Tab
Line width: 80
Quote style: Double Quotes
Quote properties: As needed
Trailing comma: All
Semicolons: Always
-----

```js
`something`;

tag`something``something ${" hello"}`;

`something ${() => {
	var hey;
	const looooooooooong_expression = "loooooooooong_expression";
}} something else ${ehy}`;
`something ${() => {
	var hey;
	const looooooooooong_expression = "loooooooooong_expression";
	return hey;
}} something else ${ehy}`;

`test
  abcd ${input}
output
`;

`test
  abcd ${() => {
		var hey;
		const looooooooooong_expression = "loooooooooong_expression";
		return hey;
	}}
output
`;

// Single Line
const bar = `but where will ${
	this.fanta
} wrap ${baz} ${"hello"} template literal? ${bar.ff.sss} long long long long ${
	foo[3]
} long long long long long long`;

// Fit
const foo = `but where will ${
	(a && b && bar) || (c && d && g)
} wrap long long long long long long`;

const foo = `but where will ${
	(lorem && loremlorem && loremlorem) || (loremc && lorem && loremlorem)
} wrap long long long long long long`;

const a = `
let expression_is_simple = is_plain_expression(&expression)?;
${
	loooooong ||
	loooooong ||
	loooooong ||
	loooooong ||
	loooooong ||
	loooooong ||
	loooooong ||
	loooooong
}
let expression_is_simple = is_plain_expression(&expression)?;
`;

const foo = `but where will ${
	// with comment
	this.fanta
} wrap long long long long long long`;

`<div>${
	this.set && this.set.artist
	/* avoid console errors if `this.set` is undefined */
}</div>`;

`<div>${
	/* avoid console errors if `this.set` is undefined */
	this.set && this.set.artist
}</div>`;

`${
	// $FlowFixMe found when converting React.createClass to ES6
	ExampleStory.getFragment("story")
}
`;
```