---
source: crates/biome_formatter_test/src/snapshot_builder.rs
info: js/module/object/computed_member.js
---

# Input

```js
const foo = {};

foo["bar"] = true;
foo["foo-bar"] = true;
foo.bar["bar"]["lorem_ispsum"].foo["lorem-ipsum"] = true;

a[ b ]
c?.[ d ]

x["very"]["long"]["chain"]["of"]["computed"]["members"]["that"]["goes"]["on"]["for"]["ever"]["I"]["mean"]["it"]["for"]["ever"]["and"]["even"]["longer"]["than"]["that"]

x.very.long.chain.of.static.members.that.goes.on.for.ever.I.mean.it.for.ever["and"].even.longer.than.that.and["rofefefeeffeme"].doesnt.supportit

x.very.long.chain.of.static.members.that.goes.on.for.ever.I.mean.it.for.ever[and()].even.longer.than.that.and["rofefefeefefme"].doesnt.supportit

x[b["test"]]


a[("test")]

```


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

# 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
-----

```js
const foo = {};

foo["bar"] = true;
foo["foo-bar"] = true;
foo.bar["bar"]["lorem_ispsum"].foo["lorem-ipsum"] = true;

a[b];
c?.[d];

x["very"]["long"]["chain"]["of"]["computed"]["members"]["that"]["goes"]["on"][
	"for"
]["ever"]["I"]["mean"]["it"]["for"]["ever"]["and"]["even"]["longer"]["than"][
	"that"
];

x.very.long.chain.of.static.members.that.goes.on.for.ever.I.mean.it.for.ever[
	"and"
].even.longer.than.that.and["rofefefeeffeme"].doesnt.supportit;

x.very.long.chain.of.static.members.that.goes.on.for.ever.I.mean.it.for.ever[
	and()
].even.longer.than.that.and["rofefefeefefme"].doesnt.supportit;

x[b["test"]];

a["test"];
```