== Custom Graphics Feature Test ==


=== Custom Graphics Manager ===
==== Preparation ====
Download the following icon set for testing:
 * [[http://chrfb.deviantart.com/gallery/#/dzor6y|ecqlipse 2]] - Subset is available [[attachment:icons1.zip]]
 * By Christian F. Burprich
 * Creative Commons Attribution-Noncommercial-Share Alike 3.0 License.
||'''Preconditions'''||'''Test Case ID'''||'''Instructions'''||'''Expected Results'''||'''Date Executed'''||'''Results'''||
||<|12> 1. Start Cytoscape <<BR>>2. Import a network file (eg. galFiltered.sif)||
||CG1.1||1. Select View → Open Custom Graphics Manager ||Custom Graphics Manager dialog should appear on the top of Desktop|| || ||
||CG1.2||1. Open web browser (preferably Firefox) and open a web page with some images<<BR>>2. Drag and Drop an image to left side of the Custom Graphics Manager ||The dropped image appear as an icon on the list|| || ||
||CG1.3||1. Click the new image on the list || The image should appear in original size and it should be draggable. || || ||
||CG1.4||1. Click the '''+''' button on the bottom of dialog<<BR>>2. Select the icon folder you downloaded from the link above<<BR>>3. Press OK|| All of the icons in the original folder should appear in the Custom Graphics manager list|| || ||
||CG1.5||1. Select any image from the list<<BR>>2. Type '''32''' for height and press enter || Image should be rescaled to 32 by 32.  Make sure height and width are equal || || ||
||CG1.6||1. Uncheck ''Aspect Ratio'' checkbox<<BR>>2. Type '''50''' for height || Image should be rescaled to 32 by 50. || || ||
||CG1.7|| Press '''Original''' button || Image should be rescaled to the original size (for sample icons, 128 by 128). || || ||
||CG1.8|| Press '''-''' button on the bottom || The icon should be removed from the list and disappear from the Actual Size View || || ||
||CG1.9||1. Select multiple icons on the list (use shift or CTR/Command key for multiple selection)<<BR>>2.Press '''-''' button on the bottom || Selected images should be removed from the list || || ||
||CG1.10||1. Click ''Name'' textbox<<BR>>2. Type new name and press enter || The new name should applied to the image.  This should be remain the same even after you select other images and re-select it again.|| || ||



=== Edit Default Appearance with Multiple Custom Graphics ===

||'''Preconditions'''||'''Test Case ID'''||'''Instructions'''||'''Expected Results'''||'''Date Executed'''||'''Results'''||
||<|12> Finish the '''''Custom Graphics Manager''''' tests above ||
||CG2.1||1. Click !VizMapper tab on the Control Panel<<BR>>2. Click on the Defaults image<<BR>>3. From the Node Default Visual Properties list, locate '''NODE_CUSTOM_GRAPHICS_1''' and click it || Custom Graphics selector should appear. It should contains all images imported in the tests above. || || ||
||CG2.2||1. Select one of the images from the list<<BR>>2. Press '''Apply'''|| Selected image should be applied to the default view || || ||
||CG2.3||1. From the Node Default Visual Properties list, locate '''NODE_CUSTOM_GRAPHICS_POSITION_1''' and click it<<BR>>2. Move the Custom Graphics to Southwest/Northeast and press '''Apply'''|| Selected image should be moved to the location you specified || || ||
||CG2.4|| Repeat CG2.2 - CG2.3 for Custom Graphics 2-9. || All Custom Graphics should appear in the correct location. || || ||
||CG2.5|| Press '''Apply''' || All changes made to the Default Appearance should be appear in the current network view || || ||


=== Create Basic Custom Graphics Mapping ===

||'''Preconditions'''||'''Test Case ID'''||'''Instructions'''||'''Expected Results'''||'''Date Executed'''||'''Results'''||
||<|12> Finish '''''Edit Default Appearance with Multiple Custom Graphics''''' tests above ||
||CG3.1||1. Click !VizMapper tab on the Control Panel<<BR>>2. From '''Unused Properties''' list, double-click '''Node Custom Graphics 1'''<<BR>>3. Select ''ID'' as controlling attribute and create new Discrete mapping || Empty Discrete Mapping for Custom Graphics 1 should appear on the GUI || || ||
||CG3.2||1. Click a cell next to a node ID<<BR>>2. Select a Custom Graphic and press '''Apply''' || The new map should be applied to current network view|| || ||
||CG3.3||1. Select some nodes from the Discrete Mapping list created above<<BR>>2. Right-click and select '''Edit selected values at once'''<<BR>>3. Select a Custom Graphics from a list and apply || Current network view should reflects the change you made to the Discrete Mapping || || ||