前端开发实践与测试优化

1、将 Appointment.js 和 Appointment.test.js 重命名为 AppointmentsDayView.js 和 AppointmentsDayView.test.js。同时说明，当多个组件形成层次结构时，文件命名的规则是什么。

• 将 Appointment.js 和 Appointment.test.js 重命名为 AppointmentsDayView.js 和 AppointmentsDayView.test.js 。
• 若多个组件有层次结构，文件应以根组件命名。

2、运用所学技术，创建一个名为 toHaveClass 的新匹配器，以替换以下断言：expect(secondButton().className).toContain(“toggled”)；使用新匹配器后，断言应如下所示：expect(secondButton()).toHaveClass(“toggled”)。

以下是实现 toHaveClass 匹配器的代码示例：

expect.extend({
  toHaveClass(received, expectedClass) {
    const className = received.className;
    const pass = className.includes(expectedClass);
    if (pass) {
      return {
        pass: true,
        message: () => `Expected ${received} not to have class ${expectedClass}`
      };
    }
    return {
      pass: false,
      message: () => `Expected ${received}