Vue(2.6)+Mocha(v5.2.0)+Chai(v4.1.2)環境で以下のようなコードの単体テストをしたいのですが、style 属性のexpectでの指定方法がよくわかりません。
どなたかご教示ください。

  1. background: mC が propsの値で適切に変わることを確認
  2. width: mW + '%' が propsの値で適切に変わることを確認
<template>
  <div class="sMC">
    <div class="bGM">
      <div class="sM" v-bind:style="{ background: mC, width: mW + '%'}"></di        </div>
  </div>
</template>
<script>
  name: 'SMC',
  props: {
    per: Number
  },
  computed:
    mC: function() {
      if (this.per <= 100)
        return '#ff0000';
      } else if (this.per <= 150)
        return '#00ff00';
      } else {
        return '#0000ff';
      }
    },
    mW: function() {
      return this.per /2;
    }
  }
}
</script>

よろしくお願いいたします。