Exemplo n.º 1
0
        public void TryRenderMBSelect()
        {
            InjectMockedServices();
            MBSelectElement <string>[] KittenBreeds = new MBSelectElement <string>[]
            {
                new MBSelectElement <string> {
                    SelectedValue = "brit-short", Label = "British Shorthair"
                },
                new MBSelectElement <string> {
                    SelectedValue = "russ-blue", Label = "Russian Blue"
                },
                new MBSelectElement <string> {
                    SelectedValue = "ice-invis", Label = "Icelandic Invisible"
                }
            };

            var cut = ctx.RenderComponent <MBSelect <string> >(
                (nameof(MBSelect <string> .Items), @KittenBreeds),
                (nameof(MBSelect <string> .ItemValidation), MBItemValidation.NoSelection));

            cut.MarkupMatches(@"
<div class=""mdc-select mdc-select--filled  mdc-select--no-label"" >
  <div class=""mdc-select__anchor"" role=""button"" aria-haspopup:ignore aria-expanded=""false"" aria-labelledby:ignore>
    <span class=""mdc-select__ripple""></span>
    <span class=""mdc-select__selected-text-container"">
      <span id:ignore class=""mdc-select__selected-text""></span>
    </span>
    <span class=""mdc-select__dropdown-icon"">
      <svg class=""mdc-select__dropdown-icon-graphic"" viewBox=""7 10 10 5"" focusable=""false"">
        <polygon class=""mdc-select__dropdown-icon-inactive"" stroke=""none"" fill-rule=""evenodd"" points=""7 10 12 15 17 10""></polygon>
        <polygon class=""mdc-select__dropdown-icon-active"" stroke=""none"" fill-rule=""evenodd"" points=""7 15 12 10 17 15""></polygon>
      </svg>
    </span>
    <span class=""mdc-line-ripple""></span>
  </div>
  <div id:ignore class=""mdc-select__menu mdc-menu mdc-menu-surface "">
    <ul class=""mdc-deprecated-list"">
      <li class=""mdc-deprecated-list-item "" data-value=""British Shorthair"" role=""option"">
        <span class=""mdc-deprecated-list-item__ripple""></span>
        <span class=""mdc-deprecated-list-item__text mb-full-width"">British Shorthair</span>
      </li>
      <li class=""mdc-deprecated-list-item "" data-value=""Russian Blue"" role=""option"">
        <span class=""mdc-deprecated-list-item__ripple""></span>
        <span class=""mdc-deprecated-list-item__text mb-full-width"">Russian Blue</span>
      </li>
      <li class=""mdc-deprecated-list-item "" data-value=""Icelandic Invisible"" role=""option"">
        <span class=""mdc-deprecated-list-item__ripple""></span>
        <span class=""mdc-deprecated-list-item__text mb-full-width"">Icelandic Invisible</span>
      </li>
    </ul>
  </div>
</div>
            ");
        }
        public List <MBSelectElement <TItem> > ConvertToListElement(IEnumerable <GCListElement <TItem> >?p_GCListElementList)
        {
            var convertedItems = new List <MBSelectElement <TItem> >();

            foreach (var item in p_GCListElementList)
            {
                var newItem = new MBSelectElement <TItem>
                {
                    Disabled      = item.pDisabled,
                    Label         = item.pLabel,
                    SelectedValue = item.pDataValue
                };
                convertedItems.Add(newItem);
            }
            return(convertedItems);
        }