Vue+Mocha+ChaiでStyleの属性を単体テストする方法をご教示ください。
Vue(2.6)+Mocha(v5.2.0)+Chai(v4.1.2)環境で以下のようなコードの単体テストをしたいのですが、style 属性のexpectでの指定方法がよくわかりません。
どなたかご教示ください。
background: mC
が propsの値で適切に変わることを確認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>
よろしくお願いいたします。