From 0e6099e2d9a571c72371fdc12fd0a769f4ebdf2b Mon Sep 17 00:00:00 2001 From: John Kreitlow <863023+radium-v@users.noreply.github.com> Date: Tue, 7 Dec 2021 10:46:19 -0800 Subject: [PATCH] update select and combobox fixtures (#5430) * update story fixtures for combobox and select * Change files * update ids in combobox and select fixtures --- ...-619373e3-3e75-48b7-8fc9-98a416c51910.json | 7 + .../src/combobox/fixtures/base.html | 178 +++++++----------- .../src/select/fixtures/base.html | 141 ++++++++++---- 3 files changed, 176 insertions(+), 150 deletions(-) create mode 100644 change/@microsoft-fast-components-619373e3-3e75-48b7-8fc9-98a416c51910.json diff --git a/change/@microsoft-fast-components-619373e3-3e75-48b7-8fc9-98a416c51910.json b/change/@microsoft-fast-components-619373e3-3e75-48b7-8fc9-98a416c51910.json new file mode 100644 index 00000000000..9729ba7600b --- /dev/null +++ b/change/@microsoft-fast-components-619373e3-3e75-48b7-8fc9-98a416c51910.json @@ -0,0 +1,7 @@ +{ + "type": "none", + "comment": "update story fixtures for combobox and select", + "packageName": "@microsoft/fast-components", + "email": "john.kreitlow@microsoft.com", + "dependentChangeType": "none" +} diff --git a/packages/web-components/fast-components/src/combobox/fixtures/base.html b/packages/web-components/fast-components/src/combobox/fixtures/base.html index a70f062a7c2..1c9880cf103 100644 --- a/packages/web-components/fast-components/src/combobox/fixtures/base.html +++ b/packages/web-components/fast-components/src/combobox/fixtures/base.html @@ -1,24 +1,7 @@

Combobox

Default

- - Please Please Me - With The Beatles - A Hard Day's Night - Beatles for Sale - Help! - Rubber Soul - Revolver - Sgt. Pepper's Lonely Hearts Club Band - Magical Mystery Tour - The Beatles - Yellow Submarine - Abbey Road - Let It Be - - -

Default Selected

- + William Hartnell Patrick Troughton Jon Pertwee @@ -31,10 +14,41 @@

Default Selected

David Tenant Matt Smith Peter Capaldi - Jodie Whittaker + Jodie Whittaker
-

Initial Value

+

Combobox with no options

+ + +

Combobox with adjacent label

+ + + Small + Medium + Large + Extra Large + + +

Combobox with wrapping label

+ + +

Combobox with a default selected item

+ + John + Paul + George + Ringo + + +

Combobox with an initial value

William Hartnell Patrick Troughton @@ -51,9 +65,9 @@

Initial Value

Jodie Whittaker
-

Combobox with Autocomplete

+

Combobox with autocomplete

-

Inline Autocomplete

+

Inline autocomplete

William Hartnell Patrick Troughton @@ -70,7 +84,7 @@

Inline Autocomplete

Jodie Whittaker
-

List Autocomplete

+

List autocomplete

William Hartnell Patrick Troughton @@ -87,7 +101,7 @@

List Autocomplete

Jodie Whittaker
-

Both Autocomplete

+

Both autocomplete

William Hartnell Patrick Troughton @@ -104,85 +118,38 @@

Both Autocomplete

Jodie Whittaker
-

Disabled Combobox

- - Extra Small - Small - Medium - Large - Extra Large - - -

Combobox with disabled items

- -

Combobox with alternating disabled items

- - Extra Small - Small - Medium - Large - Extra Large +

Disabled combobox

+ + This option is not selectable -

Combobox with adjacent disabled items at start of list

- - Extra Small - Small - Medium - Large - Extra Large - - -

Combobox with adjacent disabled items in middle of list

- - Extra Small - Small - Medium - Large - Extra Large - - -

Combobox with adjacent disabled items at end of list

- - Extra Small - Small - Medium - Large - Extra Large - - -

Combobox with all but one item disabled

- - Extra Small - Small - Medium - Large - Extra Large +

Combobox with forced position above

+ + Position forced above + Option Two -

Combobox with all items disabled

- - Extra Small - Small - Medium - Large - Extra Large +

Combobox with forced position below

+ + Position forced below + Option Two -

Combobox with placeholder

- - Extra Small - Small - Medium - Large - Extra Large +

Combobox with custom indicator

+ + + + + Option One + Option Two + Option Three + Option Four -

Combobox with no items

- - -

Combobox with long list

- +

Combobox with very long list

+ Alabama Alaska Arizona @@ -203,8 +170,8 @@

Combobox with long list

Louisiana Maine Maryland - Massachussets - Michigain + Massachusetts + Michigan Minnesota Mississippi Missouri @@ -235,16 +202,9 @@

Combobox with long list

Wyoming
-

Forced positions

- -

Combobox with forced position above

- - Position forced above - Option Two - - -

Combobox with forced position below

- - Position forced below - Option Two +

Combobox with custom styles

+ + This option is short + In a visual height sense + Not character count diff --git a/packages/web-components/fast-components/src/select/fixtures/base.html b/packages/web-components/fast-components/src/select/fixtures/base.html index a336c58fe13..0a37a324bb2 100644 --- a/packages/web-components/fast-components/src/select/fixtures/base.html +++ b/packages/web-components/fast-components/src/select/fixtures/base.html @@ -1,46 +1,116 @@

Select

Default

- - This option has no value - This option is disabled - This option has a value - This option is selected by default + + William Hartnell + Patrick Troughton + Jon Pertwee + Tom Baker + Peter Davidson + Colin Baker + Sylvester McCoy + Paul McGann + Christopher Eccleston + David Tenant + Matt Smith + Peter Capaldi + Jodie Whittaker -

No options

- +

Select with no options

+ -

With Label

- - +

Select with adjacent label

+ + Small Medium Large Extra Large -

Disabled

- +

Select with wrapping label

+ + +

Disabled select

+ This option is not selectable - - This option is disabled - This option is not disabled - This option is not disabled +

Select with a default selected item

+ + John + Paul + George + Ringo -

Selected Option

- - Option One - Option Two - Option Three - Option Four +

Select with disabled items

+ + Extra Small + Small + Medium + Large + Extra Large + + + Extra Small + Small + Medium + Large + Extra Large + + + Extra Small + Small + Medium + Large + Extra Large + + + Extra Small + Small + Medium + Large + Extra Large + + + Extra Small + Small + Medium + Large + Extra Large + + + Extra Small + Small + Medium + Large + Extra Large + + +

Select with forced position above

+ + Position forced above + Option Two -

Custom Indicator

- +

Select with forced position below

+ + Position forced below + Option Two + + +

Select with custom indicator

+ Custom Indicator Option Four -

Long list

- +

Select with very long list

+ Alabama Alaska Arizona @@ -74,8 +144,8 @@

Long list

Louisiana Maine Maryland - Massachussets - Michigain + Massachusetts + Michigan Minnesota Mississippi Missouri @@ -106,19 +176,8 @@

Long list

Wyoming
-

Forced positions

- - Position forced above - Option Two - - - - Position forced below - Option Two - - -

Custom Styles

- +

Select with custom styles

+ This option is short In a visual height sense Not character count