Added thumb color property. In UI Test in tabs added all properties of color and size to validate input/output.

Related Work Items: #2746

1 files changed, 139 insertions, 14 deletions

diff --git a/Software/Visual_Studio/Utilities/Tango.UITests/MainWindow.xaml b/Software/Visual_Studio/Utilities/Tango.UITests/MainWindow.xaml
index 01607e9a5..c5bb2001c 100644
--- a/Software/Visual_Studio/Utilities/Tango.UITests/MainWindow.xaml
+++ b/Software/Visual_Studio/Utilities/Tango.UITests/MainWindow.xaml
@@ -22,8 +22,49 @@
                     <Grid.Background>
                         <SolidColorBrush Color="{Binding ElementName=HSBPicker, Path=SelectedColor}"/>
                     </Grid.Background>
-                    <StackPanel VerticalAlignment="Center" Orientation="Vertical">
-                        <colorpic:HsbColorPicker  x:Name="HSBPicker"  H="230"  B="100" S="50"  Width="400" Height="400" Background="White" Foreground="Black" BorderBrush="Gainsboro" BorderThickness="0.8" ThumbHeight="24"/>
+                    <Grid.ColumnDefinitions>
+                        <ColumnDefinition Width="200"></ColumnDefinition>
+                        <ColumnDefinition Width="1*"></ColumnDefinition>
+                    </Grid.ColumnDefinitions>
+                    <StackPanel Grid.Column="0" Orientation="Vertical"  Height="Auto"  HorizontalAlignment="Center" Width="Auto" VerticalAlignment="Top"  Margin="10 50 0 0">
+                        <StackPanel Orientation="Horizontal"  Margin="0 10 0 0">
+                            <TextBlock FontSize="24" VerticalAlignment="Center" FontWeight="DemiBold"  Width="65">H:</TextBlock>
+                            <Border Width="80" Background="White" CornerRadius="6"  VerticalAlignment="Center" Margin="20 0 0 0">
+                                <TextBox x:Name="HHSBColor" Text="230" FontSize="22" Margin="2" ></TextBox>
+                            </Border>
+                        </StackPanel>
+                        <StackPanel Orientation="Horizontal" Height="Auto" HorizontalAlignment="Left" Margin="0 30 0 0">
+                            <TextBlock FontSize="24" VerticalAlignment="Center" FontWeight="DemiBold"  Width="65">S:</TextBlock>
+                            <Border Width="80" Background="White" CornerRadius="6"  VerticalAlignment="Center" Margin="20 0 0 0">
+                                <TextBox x:Name="SHSBColor"  Text="100"  FontSize="22" Margin="2"></TextBox>
+                            </Border>
+                        </StackPanel>
+                        <StackPanel Orientation="Horizontal"  Margin="0 30 0 0">
+                            <TextBlock   FontSize="24" VerticalAlignment="Center" FontWeight="DemiBold"  Width="65">B:</TextBlock>
+                            <Border Width="80" Background="White" CornerRadius="6" Margin="20 0 0 0" VerticalAlignment="Center" >
+                                <TextBox  x:Name="BHSBColor"  Text="50" FontSize="22" Margin="2"></TextBox>
+                            </Border>
+                        </StackPanel>
+                        <StackPanel Orientation="Horizontal"  Margin="0 30 0 0">
+                            <TextBlock FontSize="20" VerticalAlignment="Center" FontWeight="DemiBold"  Width="65"  TextWrapping="Wrap">Thumb height:</TextBlock>
+                            <Border Width="80" Background="White" CornerRadius="6" Margin="20 0 0 0" VerticalAlignment="Center">
+                                <TextBox  x:Name="HSBThumbHeightProp"  Text="16"  FontSize="22" Margin="2"></TextBox>
+                            </Border>
+                        </StackPanel>
+                        <StackPanel Orientation="Horizontal"  Margin="0 30 0 0">
+                            <TextBlock  FontSize="20" VerticalAlignment="Center" FontWeight="DemiBold" Width="65" TextWrapping="Wrap" >Thumb color:</TextBlock>
+                            <Border Width="90" Background="White" CornerRadius="6" Margin="20 0 0 0" VerticalAlignment="Center" >
+                                <TextBox  x:Name="HSBThumbColorProp"   Text="#F4F4F4"  FontSize="22" Margin="2"></TextBox>
+                            </Border>
+                        </StackPanel>
+                    </StackPanel>
+                    <StackPanel Grid.Column="1" VerticalAlignment="Center" Orientation="Vertical">
+                        <colorpic:HsbColorPicker  x:Name="HSBPicker"  Width="400" Height="400" Background="White" Foreground="Black" BorderBrush="Gainsboro" BorderThickness="0.8"
+                                                   H="{Binding ElementName=HHSBColor, Path=Text,Mode=TwoWay, UpdateSourceTrigger=PropertyChanged}"  
+                                                   S="{Binding ElementName=SHSBColor, Path=Text,Mode=TwoWay, UpdateSourceTrigger=PropertyChanged}"
+                                                   B="{Binding ElementName=BHSBColor, Path=Text,Mode=TwoWay, UpdateSourceTrigger=PropertyChanged}"
+                                                   ThumbHeight="{Binding ElementName=HSBThumbHeightProp, Path=Text}"
+                                                   ThumbColor="{Binding ElementName=HSBThumbColorProp, Path=Text}"/>
                         
                         <TextBlock Background="LightGray" Margin="0 50 0 0" HorizontalAlignment="Center" Foreground="Black" Width="400" FontSize="24" Height="Auto" MinHeight="40" FontWeight="DemiBold">
                             <Run Text="RGB Color:    " />
@@ -37,8 +78,51 @@
                     <Grid.Background>
                         <SolidColorBrush Color="{Binding ElementName=RGBPicker, Path=SelectedColor}"/>
                     </Grid.Background>
-                    <StackPanel VerticalAlignment="Center" Orientation="Vertical">
-                        <colorpic:RgbColorPicker  x:Name="RGBPicker"  SelectedColor="#5C3D99" Width="400" Height="300" Background="White" Foreground="Black" BorderBrush="Gainsboro" BorderThickness="0.8" ThumbHeight="16"/>
+                    <Grid.ColumnDefinitions>
+                        <ColumnDefinition Width="200"></ColumnDefinition>
+                        <ColumnDefinition Width="1*"></ColumnDefinition>
+                    </Grid.ColumnDefinitions>
+                    <StackPanel Grid.Column="0" Orientation="Vertical"  Height="Auto"  HorizontalAlignment="Center" Width="Auto" VerticalAlignment="Top"  Margin="10 50 0 0">
+                        <StackPanel Orientation="Horizontal"  Margin="0 10 0 0">
+                            <TextBlock FontSize="24" VerticalAlignment="Center" FontWeight="DemiBold"  Width="65">R:</TextBlock>
+                            <Border Width="80" Background="White" CornerRadius="6"  VerticalAlignment="Center" Margin="20 0 0 0">
+                                <TextBox x:Name="RRGBColor" Text="30" FontSize="22" Margin="2" ></TextBox>
+                            </Border>
+                        </StackPanel>
+                        <StackPanel Orientation="Horizontal" Height="Auto" HorizontalAlignment="Left" Margin="0 30 0 0">
+                            <TextBlock FontSize="24" VerticalAlignment="Center" FontWeight="DemiBold"  Width="65">G:</TextBlock>
+                            <Border Width="80" Background="White" CornerRadius="6"  VerticalAlignment="Center" Margin="20 0 0 0">
+                                <TextBox x:Name="GRGBColor"  Text="100"  FontSize="22" Margin="2"></TextBox>
+                            </Border>
+                        </StackPanel>
+                        <StackPanel  Orientation="Horizontal"  Margin="0 30 0 0">
+                            <TextBlock   FontSize="24" VerticalAlignment="Center" FontWeight="DemiBold"  Width="65">B:</TextBlock>
+                            <Border Width="80" Background="White" CornerRadius="6" Margin="20 0 0 0" VerticalAlignment="Center" >
+                                <TextBox  x:Name="BRGBColor"  Text="220" FontSize="22" Margin="2"></TextBox>
+                            </Border>
+                        </StackPanel>
+                        <StackPanel Orientation="Horizontal"  Margin="0 30 0 0">
+                            <TextBlock  FontSize="20" VerticalAlignment="Top" FontWeight="DemiBold"  Width="65"  TextWrapping="Wrap">Thumb height:</TextBlock>
+                            <Border Width="80" Background="White" CornerRadius="6" Margin="20 0 0 0" VerticalAlignment="Center">
+                                <TextBox  x:Name="RGBThumbHeightProp"  Text="16"  FontSize="22" Margin="2"></TextBox>
+                            </Border>
+                        </StackPanel>
+                        <StackPanel Orientation="Horizontal"  Margin="0 30 0 0">
+                            <TextBlock   FontSize="20" VerticalAlignment="Center" FontWeight="DemiBold" Width="65" TextWrapping="Wrap" >Thumb color:</TextBlock>
+                            <Border Width="90" Background="White" CornerRadius="6" Margin="20 0 0 0" VerticalAlignment="Center" >
+                                <TextBox  x:Name="RGBThumbColorProp"   Text="#F4F4F4"  FontSize="22" Margin="2"></TextBox>
+                            </Border>
+                        </StackPanel>
+                    </StackPanel>
+
+                    <StackPanel Grid.Column="1"  VerticalAlignment="Center" Orientation="Vertical">
+                        <colorpic:RgbColorPicker  x:Name="RGBPicker"  SelectedColor="#5C3D99" Width="400" Height="300" Background="White" Foreground="Black" BorderBrush="Gainsboro" BorderThickness="0.8" 
+                                                  R="{Binding ElementName=RRGBColor, Path=Text,Mode=TwoWay, UpdateSourceTrigger=PropertyChanged}"  
+                                                   G="{Binding ElementName=GRGBColor, Path=Text,Mode=TwoWay, UpdateSourceTrigger=PropertyChanged}"
+                                                   B="{Binding ElementName=BRGBColor, Path=Text,Mode=TwoWay, UpdateSourceTrigger=PropertyChanged}"
+                                                   ThumbHeight="{Binding ElementName=RGBThumbHeightProp, Path=Text}"
+                                                   ThumbColor="{Binding ElementName=RGBThumbColorProp, Path=Text}"/>
+
                         <TextBlock Margin="0 50 0 0"  Background="LightGray" HorizontalAlignment="Center" Foreground="Black"  Width="400" FontSize="24" Height="Auto" MinHeight="40" FontWeight="DemiBold">
                             <Run Text="RGB Color:    " />
                             <Run Text="{Binding ElementName=RGBPicker, Path=SelectedColor}"/>
@@ -81,14 +165,14 @@
                                 <TextBox  x:Name="KCMYKColor"  Text="20" FontSize="22" Margin="2"></TextBox>
                             </Border>
                         </StackPanel>
-                        <StackPanel Orientation="Horizontal"  Margin="0 10 0 0">
-                            <TextBlock Margin="00 30 0 0"  FontSize="20" VerticalAlignment="Center" FontWeight="DemiBold"  Width="65"  TextWrapping="Wrap">Thumb height:</TextBlock>
+                        <StackPanel Orientation="Horizontal"  Margin="0 30 0 0">
+                            <TextBlock  FontSize="20" VerticalAlignment="Center" FontWeight="DemiBold"  Width="65"  TextWrapping="Wrap">Thumb height:</TextBlock>
                             <Border Width="80" Background="White" CornerRadius="6" Margin="20 0 0 0" VerticalAlignment="Center">
                                 <TextBox  x:Name="CMYKThumbHeightProp"  Text="16"  FontSize="22" Margin="2"></TextBox>
                             </Border>
                         </StackPanel>
-                        <StackPanel Orientation="Horizontal"  Margin="0 10 0 0">
-                            <TextBlock Margin="00 30 0 0"  FontSize="20" VerticalAlignment="Center" FontWeight="DemiBold" Width="65" TextWrapping="Wrap" >Thumb color:</TextBlock>
+                        <StackPanel Orientation="Horizontal"  Margin="0 30 0 0">
+                            <TextBlock  FontSize="20" VerticalAlignment="Center" FontWeight="DemiBold" Width="65" TextWrapping="Wrap" >Thumb color:</TextBlock>
                             <Border Width="90" Background="White" CornerRadius="6" Margin="20 0 0 0" VerticalAlignment="Center" >
                                 <TextBox  x:Name="CMYKThumbColorProp"   Text="#F4F4F4"  FontSize="22" Margin="2"></TextBox>
                             </Border>
@@ -138,14 +222,14 @@
                                 <TextBox  x:Name="BLabColor"  Text="89" FontSize="22" Margin="2"></TextBox>
                             </Border>
                         </StackPanel>
-                        <StackPanel Orientation="Horizontal"  Margin="0 10 0 0">
-                            <TextBlock Margin="00 30 0 0"  FontSize="20" VerticalAlignment="Center" FontWeight="DemiBold"  Width="65"  TextWrapping="Wrap">Thumb height:</TextBlock>
+                        <StackPanel Orientation="Horizontal"  Margin="0 30 0 0">
+                            <TextBlock  FontSize="20" VerticalAlignment="Center" FontWeight="DemiBold"  Width="65"  TextWrapping="Wrap">Thumb height:</TextBlock>
                             <Border Width="80" Background="White" CornerRadius="6" Margin="20 0 0 0" VerticalAlignment="Center">
                                 <TextBox  x:Name="ThumbHeightProp"  Text="16"  FontSize="22" Margin="2"></TextBox>
                             </Border>
                         </StackPanel>
-                        <StackPanel Orientation="Horizontal"  Margin="0 10 0 0">
-                            <TextBlock Margin="00 30 0 0"  FontSize="20" VerticalAlignment="Center" FontWeight="DemiBold" Width="65" TextWrapping="Wrap" >Thumb color:</TextBlock>
+                        <StackPanel Orientation="Horizontal"  Margin="0 30 0 0">
+                            <TextBlock   FontSize="20" VerticalAlignment="Center" FontWeight="DemiBold" Width="65" TextWrapping="Wrap" >Thumb color:</TextBlock>
                             <Border Width="90" Background="White" CornerRadius="6" Margin="20 0 0 0" VerticalAlignment="Center" >
                                 <TextBox  x:Name="ThumbColorProp"   Text="#F4F4F4"  FontSize="22" Margin="2"></TextBox>
                             </Border>
@@ -172,8 +256,49 @@
                     <Grid.Background>
                         <SolidColorBrush Color="{Binding ElementName=LchPicker, Path=SelectedColor}"/>
                     </Grid.Background>
-                    <StackPanel VerticalAlignment="Center" Orientation="Vertical">
-                        <colorpic:LchColorPicker  x:Name="LchPicker"  L="64"  C="69"  H="201"   Width="400" Height="300" Background="White" Foreground="Black" BorderBrush="Gainsboro" BorderThickness="0.8" ThumbHeight="16"/>
+                    <Grid.ColumnDefinitions>
+                        <ColumnDefinition Width="200"></ColumnDefinition>
+                        <ColumnDefinition Width="1*"></ColumnDefinition>
+                    </Grid.ColumnDefinitions>
+                    <StackPanel Grid.Column="0" Orientation="Vertical"  Height="Auto"  HorizontalAlignment="Center" Width="Auto" VerticalAlignment="Top"  Margin="10 50 0 0">
+                        <StackPanel Orientation="Horizontal"  Margin="0 10 0 0">
+                            <TextBlock FontSize="24" VerticalAlignment="Center" FontWeight="DemiBold"  Width="65">L:</TextBlock>
+                            <Border Width="80" Background="White" CornerRadius="6"  VerticalAlignment="Center" Margin="20 0 0 0">
+                                <TextBox x:Name="LLCHColor" Text="54" FontSize="22" Margin="2" ></TextBox>
+                            </Border>
+                        </StackPanel>
+                        <StackPanel Orientation="Horizontal" Height="Auto" HorizontalAlignment="Left" Margin="0 30 0 0">
+                            <TextBlock FontSize="24" VerticalAlignment="Center" FontWeight="DemiBold"  Width="65">C:</TextBlock>
+                            <Border Width="80" Background="White" CornerRadius="6"  VerticalAlignment="Center" Margin="20 0 0 0">
+                                <TextBox x:Name="CLCHColor"  Text="55"  FontSize="22" Margin="2"></TextBox>
+                            </Border>
+                        </StackPanel>
+                        <StackPanel Orientation="Horizontal"  Margin="0 30 0 0">
+                            <TextBlock   FontSize="24" VerticalAlignment="Center" FontWeight="DemiBold"  Width="65">H:</TextBlock>
+                            <Border Width="80" Background="White" CornerRadius="6" Margin="20 0 0 0" VerticalAlignment="Center" >
+                                <TextBox  x:Name="HLCHColor"  Text="120" FontSize="22" Margin="2"></TextBox>
+                            </Border>
+                        </StackPanel>
+                        <StackPanel Orientation="Horizontal"  Margin="0 30 0 0">
+                            <TextBlock  FontSize="20" VerticalAlignment="Center" FontWeight="DemiBold"  Width="65"  TextWrapping="Wrap">Thumb height:</TextBlock>
+                            <Border Width="80" Background="White" CornerRadius="6" Margin="20 0 0 0" VerticalAlignment="Center">
+                                <TextBox  x:Name="LCHThumbHeightProp"  Text="16"  FontSize="22" Margin="2"></TextBox>
+                            </Border>
+                        </StackPanel>
+                        <StackPanel Orientation="Horizontal"  Margin="0 30 0 0">
+                            <TextBlock   FontSize="20" VerticalAlignment="Center" FontWeight="DemiBold" Width="65" TextWrapping="Wrap" >Thumb color:</TextBlock>
+                            <Border Width="90" Background="White" CornerRadius="6" Margin="20 0 0 0" VerticalAlignment="Center" >
+                                <TextBox  x:Name="LCHThumbColorProp"   Text="#F4F4F4"  FontSize="22" Margin="2"></TextBox>
+                            </Border>
+                        </StackPanel>
+                    </StackPanel>
+                    <StackPanel Grid.Column="1" VerticalAlignment="Center" Orientation="Vertical">
+                        <colorpic:LchColorPicker  x:Name="LchPicker"  Width="400" Height="300" Background="White" Foreground="Black" BorderBrush="Gainsboro" BorderThickness="0.8" 
+                                                  L="{Binding ElementName=LLCHColor, Path=Text,Mode=TwoWay, UpdateSourceTrigger=PropertyChanged}" 
+                                                  C="{Binding ElementName=CLCHColor, Path=Text,Mode=TwoWay, UpdateSourceTrigger=PropertyChanged}"  
+                                                  H="{Binding ElementName=HLCHColor, Path=Text,Mode=TwoWay, UpdateSourceTrigger=PropertyChanged}"   
+                                                  ThumbHeight="{Binding ElementName=LCHThumbHeightProp, Path=Text}"
+                                                  ThumbColor="{Binding ElementName=LCHThumbColorProp, Path=Text}"/>
                         <TextBlock Margin="0 50 0 0" HorizontalAlignment="Center" Background="LightGray" Foreground="Black" Width="400" FontSize="24" Height="Auto" MinHeight="40" FontWeight="DemiBold">
                             <Run Text="RGB Color:    " />
                             <Run Text="{Binding ElementName=LchPicker, Path=SelectedColor}"/>