After the first green we do the blue step, to refactor the list to show item with status and name

tdd-blue-1.js

import { mount } from 'vue-test-utils';
import ServicePage from '@/components/Service';

describe('ServicePage', () => {
  it('should show the name and the service state', () => {
    const servicePage = mount(ServicePage);
    expect(servicePage.find('.service__list-item-status').text()).toBe('true');
    expect(servicePage.find('.service__list-item-name').text()).toBe('Ramon');
  });
});