---
source: crates/biome_formatter_test/src/snapshot_builder.rs
info: ts/function/trailing_comma/function_trailing_comma.ts
---

# Input

```ts
function test<
	longlonglonglonglonglonglongT1,
	longlonglonglonglonglonglongT2,
	longlonglonglonglonglonglongT3
	>(
	longlonglonglonglonglonglongItem1,
	longlonglonglonglonglonglongItem2,
	longlonglonglonglonglonglongItem3
) {}
const test1 = <
	longlonglonglonglonglonglongT1,
	longlonglonglonglonglonglongT2,
	longlonglonglonglonglonglongT3
	>(
	longlonglonglonglonglonglongItem1,
	longlonglonglonglonglonglongItem2,
	longlonglonglonglonglonglongItem3
) => {};
test<
	longlonglonglonglonglonglongT1,
	longlonglonglonglonglonglongT2,
	longlonglonglonglonglonglongT3
	>(
	longlonglonglonglonglonglongItem1,
	longlonglonglonglonglonglongItem2,
	longlonglonglonglonglonglongItem3,
);

this.test(	longlonglonglonglonglonglongT1,
	longlonglonglonglonglonglongT2,
	longlonglonglonglonglonglongT3);

connect(
	mapStateToPropsmapStateToProps,
	mapDispatchToPropsmapDispatchToProps,
	mergePropsmergeProps,
)(Component)

```


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

# Outputs

## Output 1

-----
Indent style: Tab
Indent width: 2
Line ending: LF
Line width: 80
Quote style: Double Quotes
JSX quote style: Double Quotes
Quote properties: As needed
Trailing comma: All
Semicolons: Always
Arrow parentheses: Always
Bracket spacing: true
Bracket same line: false
Attribute Position: Auto
-----

```ts
function test<
	longlonglonglonglonglonglongT1,
	longlonglonglonglonglonglongT2,
	longlonglonglonglonglonglongT3,
>(
	longlonglonglonglonglonglongItem1,
	longlonglonglonglonglonglongItem2,
	longlonglonglonglonglonglongItem3,
) {}
const test1 = <
	longlonglonglonglonglonglongT1,
	longlonglonglonglonglonglongT2,
	longlonglonglonglonglonglongT3,
>(
	longlonglonglonglonglonglongItem1,
	longlonglonglonglonglonglongItem2,
	longlonglonglonglonglonglongItem3,
) => {};
test<
	longlonglonglonglonglonglongT1,
	longlonglonglonglonglonglongT2,
	longlonglonglonglonglonglongT3
>(
	longlonglonglonglonglonglongItem1,
	longlonglonglonglonglonglongItem2,
	longlonglonglonglonglonglongItem3,
);

this.test(
	longlonglonglonglonglonglongT1,
	longlonglonglonglonglonglongT2,
	longlonglonglonglonglonglongT3,
);

connect(
	mapStateToPropsmapStateToProps,
	mapDispatchToPropsmapDispatchToProps,
	mergePropsmergeProps,
)(Component);
```

## Output 2

-----
Indent style: Tab
Indent width: 2
Line ending: LF
Line width: 80
Quote style: Double Quotes
JSX quote style: Double Quotes
Quote properties: As needed
Trailing comma: ES5
Semicolons: Always
Arrow parentheses: Always
Bracket spacing: true
Bracket same line: false
Attribute Position: Auto
-----

```ts
function test<
	longlonglonglonglonglonglongT1,
	longlonglonglonglonglonglongT2,
	longlonglonglonglonglonglongT3,
>(
	longlonglonglonglonglonglongItem1,
	longlonglonglonglonglonglongItem2,
	longlonglonglonglonglonglongItem3
) {}
const test1 = <
	longlonglonglonglonglonglongT1,
	longlonglonglonglonglonglongT2,
	longlonglonglonglonglonglongT3,
>(
	longlonglonglonglonglonglongItem1,
	longlonglonglonglonglonglongItem2,
	longlonglonglonglonglonglongItem3
) => {};
test<
	longlonglonglonglonglonglongT1,
	longlonglonglonglonglonglongT2,
	longlonglonglonglonglonglongT3
>(
	longlonglonglonglonglonglongItem1,
	longlonglonglonglonglonglongItem2,
	longlonglonglonglonglonglongItem3
);

this.test(
	longlonglonglonglonglonglongT1,
	longlonglonglonglonglonglongT2,
	longlonglonglonglonglonglongT3
);

connect(
	mapStateToPropsmapStateToProps,
	mapDispatchToPropsmapDispatchToProps,
	mergePropsmergeProps
)(Component);
```

## Output 3

-----
Indent style: Tab
Indent width: 2
Line ending: LF
Line width: 80
Quote style: Double Quotes
JSX quote style: Double Quotes
Quote properties: As needed
Trailing comma: None
Semicolons: Always
Arrow parentheses: Always
Bracket spacing: true
Bracket same line: false
Attribute Position: Auto
-----

```ts
function test<
	longlonglonglonglonglonglongT1,
	longlonglonglonglonglonglongT2,
	longlonglonglonglonglonglongT3
>(
	longlonglonglonglonglonglongItem1,
	longlonglonglonglonglonglongItem2,
	longlonglonglonglonglonglongItem3
) {}
const test1 = <
	longlonglonglonglonglonglongT1,
	longlonglonglonglonglonglongT2,
	longlonglonglonglonglonglongT3
>(
	longlonglonglonglonglonglongItem1,
	longlonglonglonglonglonglongItem2,
	longlonglonglonglonglonglongItem3
) => {};
test<
	longlonglonglonglonglonglongT1,
	longlonglonglonglonglonglongT2,
	longlonglonglonglonglonglongT3
>(
	longlonglonglonglonglonglongItem1,
	longlonglonglonglonglonglongItem2,
	longlonglonglonglonglonglongItem3
);

this.test(
	longlonglonglonglonglonglongT1,
	longlonglonglonglonglonglongT2,
	longlonglonglonglonglonglongT3
);

connect(
	mapStateToPropsmapStateToProps,
	mapDispatchToPropsmapDispatchToProps,
	mergePropsmergeProps
)(Component);
```