Bar Tests

mv-bar

mv-bar value	Actual buttons	Expected buttons
	status,edit,save,login,logout
none
no-edit	status,save,login,logout
with export	status,edit,save,export,login,logout
with export no-edit	status,save,export,login,logout
with export edit status save	export,edit,status,save,login,logout
edit save	edit,save
edit edit edit save save	edit,save
with no-status no-login edit save export	edit,save,export,logout
with no-export edit save no-save export no-edit edit edit no-edit	status,edit,save,export,login,logout
foo no-bar	status,edit,save,login,logout
with foo no-bar	status,edit,save,login,logout

No storage

Click Edit

yolo	.mv-bar .mv-bar .mv-edit .mv-bar .mv-export .mv-bar .mv-status .mv-bar .mv-save .mv-bar .mv-login .mv-bar .mv-logout
	[mv-mode="edit"]
	.mv-bar *

Element storage

yolo	.mv-bar .mv-bar .mv-edit .mv-bar .mv-export .mv-bar .mv-save .mv-bar .mv-status .mv-bar .mv-login .mv-bar .mv-logout
{ "prop1": "rendered", "prop2": 2 }
yolo	.mv-bar .mv-edit .mv-bar .mv-save
yolo	.mv-bar .mv-save .mv-bar .mv-edit
yolo	.mv-bar .mv-save + .mv-export + .mv-import > input[type=file]
yolo	.mv-bar .custom + .mv-edit + .mv-save.foo
Get data yolo	.mv-bar a.mv-export.foo[download]
yolo	.mv-bar a[download] .mv-export.foo
yolo	.mv-bar .custom + .mv-export + .mv-edit

Authentication

Log in for the test to pass.

yolo	.mv-bar .mv-bar .mv-edit .mv-bar .mv-status .mv-bar .mv-save .mv-bar .mv-login .mv-bar .mv-logout
yolo	.mv-bar .mv-save + .mv-edit + .mv-logout + .mv-status
yolo	.mv-bar .mv-save + .mv-edit + .mv-logout:last-child
yolo	.mv-bar .mv-logout + .mv-edit:last-child

Button toggling

yolo	.mv-bar .mv-save
	.mv-bar .mv-edit
	.mv-bar .mv-edit
[5 + 5] Text	.mv-bar .mv-edit

Sizing

Mutation observers won't fire here, so just click to trigger them.

	.mv-bar:not(.mv-compact):not(.mv-tiny)
	.mv-bar.mv-compact:not(.mv-tiny)
	.mv-bar.mv-compact.mv-tiny

Progress indicator styling

Click on each div to toggle a progress indicator with that text.

Loading

Uploading

Saving