Compare html bodys for different pages for Now and Beyond. Requires `yarn start` to be running with shops for `fatty` and `skinny`.

compare-html-bodys-with-branch.sh

#!/bin/bash

if [[ $# -eq 0 ]] ; then
  echo 'No branchname provided.'
  exit 0
fi

themes=( editorial limelight neutral spotlight structure uptown vision )
fattyPages=( en p/apple-jam-with-gallery p/apple-jam-without-gallery p/t-shirt-includes-basic-product-type p/navy-shoes search search?q=* l/contact i/about-us c/category cart unknown )
skinnyPages=( i/home p/test-product p/neues-produkt p/product-with-video p/refrence-price-test-product-1 search search?q=prod l/contact i/about-us p/unknown i/unknown cart unknown checkout/personal-data checkout/shipping checkout/payment checkout/confirmation )
baseUrl=http://localhost:7000
initialBranch=`git rev-parse --abbrev-ref HEAD`
initialBranchPath="${initialBranch/\//-}"
currentBranch=$initialBranch
currentBranchPath="${currentBranch/\//-}"

function removeSpecialChars {
  echo $1 | sed 's/[^[:alpha:].-]/-/g'
}

function questionMarkOrAmpersand {
  if [[ "$1" == *"?"* ]]; then echo "&"; else echo "?"; fi
}

# clear out the script tag line, whitespaces and empty comments
function prepareDiff {
  IFS= read -r -d $'\0' data
  echo $data | sed -r 's/.*<div id="app">/<div>/g' | sed -r 's/<script nonce=.*//g' \
    | sed 's/<!---->//g' | sed 's/<!-- -->//g' \
    | sed "s/PickupToken[^&\"]*//g" | sed "s/value=\"[^\"]*\"//g" \
    | sed "s/<code>[^/]*//g"
}

function crawl {
  for theme in "${themes[@]}"; do
    mkdir -p ./compare/$currentBranchPath/$theme

    themeParams="previewTheme=epages.$theme@dev"

    for page in "${fattyPages[@]}"; do
      pagePath="$(removeSpecialChars $page)"

      url="$baseUrl/$page$(questionMarkOrAmpersand $page)shop=fatty&$themeParams"

      echo $url

      curl -s -L -H 'Cookie: epCookieConsent=0; apay-session-set=true; session_id=eyJjc3JmU2VjcmV0IjoidkdvWk1Xclg3S3Y2anZfOUdISFNnaHVHIiwidW5peFRpbWVzdGFtcCI6MTU5MjI5MTk5Mzc4NCwiY2FydFRva2VuIjoiNUVFODcyOTctMENFRC1CNTYxLTY3NzItRDU4MDlBQjM2NzREIiwiY2FydElkIjoiNUVFODcyOTctMENFRC1CNTYxLTY3NzItRDU4MDlBQjM2NzREIn0=; session_id.sig=J_YIpl7Kjq6xXw53iiKKQ0wjTtQ' \
        $url | prepareDiff > ./compare/$currentBranchPath/$theme/fatty.$pagePath.html
    done


    for page in "${skinnyPages[@]}"; do
      pagePath="$(removeSpecialChars $page)"

      url="$baseUrl/$page$(questionMarkOrAmpersand $page)shop=skinny&$themeParams"

      echo $url

      curl -s -L -H 'Cookie: epCookieConsent=0; session_id=eyJjc3JmU2VjcmV0IjoiNzBna2F6djdFOHAxcUtoYTMwX0xHMUt1IiwidW5peFRpbWVzdGFtcCI6MTU5MjIzMTQ2Nzc1OCwiY2FydElkIjoiYWRlMDJmZGMtZjI2Yi00M2IyLWJiZWUtOTRmMTgzOGQ5NDg2In0=; session_id.sig=59-PYaSQE7WFLK9HJbAVPHRZYQ0' \
        $url | prepareDiff > ./compare/$currentBranchPath/$theme/skinny.$pagePath.html
    done

  done
}

crawl

git checkout $1

currentBranch=`git rev-parse --abbrev-ref HEAD`
currentBranchPath="${currentBranch/\//-}"

sleep 5

crawl

cp -r compare compare-orig
npx prettier --loglevel silent --html-whitespace-sensitivity strict --write compare/**/*

cd ./compare/$currentBranchPath

for theme in "${themes[@]}"; do

  for file in $theme/*; do
    diff --brief $file ../$initialBranchPath/$file > /dev/null
    [ $? != 0 ] && echo -e "$file has differences"
  done

done