Add magnifying ability, perceptual diff and improve layout of Skia Tryserver HTML output

compute_engine_scripts/telemetry/telemetry_slave_scripts/vm_run_skia_try.sh

 #!/bin/bash
 #
 # Applies a Skia patch and compares images of SKPs with render_pictures.
 #
 # The script should be run from the skia-telemetry-slave GCE instance's
 # /home/default/skia-repo/buildbot/compute_engine_scripts/telemetry/telemetry_slave_scripts
 # directory.
 #
 # Copyright 2013 Google Inc. All Rights Reserved.
 # Author: rmistry@google.com (Ravi Mistry)
@@ skipping 180 matching lines @@
 
 echo "== Removing the patch, building, and running render_pictures =="
 reset_skia_checkout
 make clean
 build_tools $MESA_NOPATCH_RUN
 OUTPUT_DIR_NOPATCH_DIR_NAME=nopatch-pictures-$RUN_ID
 OUTPUT_DIR_NOPATCH=${IMG_ROOT}${OUTPUT_DIR_NOPATCH_DIR_NAME}
 mkdir -p $OUTPUT_DIR_NOPATCH
 run_render_pictures $OUTPUT_DIR_NOPATCH $MESA_NOPATCH_RUN
 
+echo "== Run skpdiff to get the CSV with perceptual similarity metrics =="
+SKPDIFF_OUTPUT_FILE=/tmp/skpdiff-$RUN_ID.csv
+./out/Release/skpdiff \
+  -f $OUTPUT_DIR_NOPATCH $OUTPUT_DIR_WITHPATCH \
+  --csv $SKPDIFF_OUTPUT_FILE \
+  -d perceptual
+
 echo "== Comparing pictures and saving differences in JSON output file =="
 cd /home/default/skia-repo/buildbot/compute_engine_scripts/telemetry/telemetry_slave_scripts
 JSON_SUMMARY_DIR=/tmp/summary-$RUN_ID
 mkdir -p $JSON_SUMMARY_DIR
 python write_json_summary.py \
   --img_root=$IMG_ROOT \
   --nopatch_json=$OUTPUT_DIR_NOPATCH/summary.json \
   --nopatch_img_dir_name=$OUTPUT_DIR_NOPATCH_DIR_NAME \
   --withpatch_json=$OUTPUT_DIR_WITHPATCH/summary.json \
   --withpatch_img_dir_name=$OUTPUT_DIR_WITHPATCH_DIR_NAME \
   --output_file_path=$JSON_SUMMARY_DIR/slave$SLAVE_NUM.json \
   --gs_output_dir=$OUTPUT_FILE_GS_LOCATION \
   --gs_skp_dir=$GS_SKP_DIR \
   --slave_num=$SLAVE_NUM \
   --gm_json_path=/home/default/skia-repo/trunk/gm/gm_json.py \
-  --imagediffdb_path=/home/default/skia-repo/trunk/gm/rebaseline_server/imagediffdb.py
+  --imagediffdb_path=/home/default/skia-repo/trunk/gm/rebaseline_server/imagediffdb.py \
+  --skpdiff_output_csv=$SKPDIFF_OUTPUT_FILE
 
 echo "== Copy everything to Google Storage =="
 # Get list of failed file names and upload only those to Google Storage.
 ARRAY=`cat $JSON_SUMMARY_DIR/slave${SLAVE_NUM}.json | grep 'fileName' | cut -d ':' -f 2 | cut -d "\"" -f2`
 for i in ${ARRAY[@]}; do
   gsutil cp $OUTPUT_DIR_NOPATCH/$i $OUTPUT_FILE_GS_LOCATION/slave$SLAVE_NUM/nopatch-images/
   gsutil cp $OUTPUT_DIR_WITHPATCH/$i $OUTPUT_FILE_GS_LOCATION/slave$SLAVE_NUM/withpatch-images/
 done
 # Copy the diffs and whitediffs to Google Storage.
 gsutil cp $IMG_ROOT/diffs/* $OUTPUT_FILE_GS_LOCATION/slave$SLAVE_NUM/diffs/
 gsutil cp $IMG_ROOT/whitediffs/* $OUTPUT_FILE_GS_LOCATION/slave$SLAVE_NUM/whitediffs/
 
 # Set google.com permissions on all uploaded images.
 gsutil acl ch -g google.com:READ $OUTPUT_FILE_GS_LOCATION/slave$SLAVE_NUM/nopatch-images/*
 gsutil acl ch -g google.com:READ $OUTPUT_FILE_GS_LOCATION/slave$SLAVE_NUM/withpatch-images/*
 gsutil acl ch -g google.com:READ $OUTPUT_FILE_GS_LOCATION/slave$SLAVE_NUM/diffs/*
 gsutil acl ch -g google.com:READ $OUTPUT_FILE_GS_LOCATION/slave$SLAVE_NUM/whitediffs/*
 gsutil cp $JSON_SUMMARY_DIR/* $OUTPUT_FILE_GS_LOCATION/slave$SLAVE_NUM/
 
 cleanup_slave_before_exit