You can not select more than 25 topics
Topics must start with a letter or number, can include dashes ('-') and can be up to 35 characters long.
|
|
|
|
export default {
|
|
|
|
|
props: {
|
|
|
|
|
animalEntries: [
|
|
|
|
|
{ animal: 'raccoon', class: 'mammal', species: 'P. lotor', kilogram: 25, bmi: 0.04 },
|
|
|
|
|
{ animal: 'eagle', class: 'bird', kilogram: 5.4 },
|
|
|
|
|
{ animal: 'tiger', class: 'mammal', kilogram: 10, pound: 30 },
|
|
|
|
|
{ animal: 'lion', class: 'mammal', kilogram: 10, height: 50 },
|
|
|
|
|
{ animal: 'leopard', class: 'mammal', kilogram: 30, height: 50, bmi: 10 }
|
|
|
|
|
]
|
|
|
|
|
},
|
|
|
|
|
|
|
|
|
|
html: `
|
|
|
|
|
<p class="mammal">raccoon - P. lotor - 25kg (55 lb) - 30cm - 0.04</p>
|
|
|
|
|
<p class="bird">eagle - unknown - 5.4kg (12 lb) - 30cm - 0.006</p>
|
|
|
|
|
<p class="mammal">tiger - unknown - 10kg (30 lb) - 30cm - 0.011111111111111112</p>
|
|
|
|
|
<p class="mammal">lion - unknown - 10kg (22 lb) - 50cm - 0.004</p>
|
|
|
|
|
<p class="mammal">leopard - unknown - 30kg (66 lb) - 50cm - 10</p>
|
|
|
|
|
`,
|
|
|
|
|
|
|
|
|
|
test({ assert, component, target }) {
|
|
|
|
|
component.animalEntries = [{ animal: 'cow', class: 'mammal', species: 'B. taurus' }];
|
|
|
|
|
assert.htmlEqual(target.innerHTML, `
|
|
|
|
|
<p class="mammal">cow - B. taurus - 50kg (110 lb) - 30cm - 0.05555555555555555</p>
|
|
|
|
|
`);
|
|
|
|
|
}
|
|
|
|
|
};
|