23、构建 Logo 解释器与添加动画

构建 Logo 解释器与添加动画

1. 构建 Logo 解释器

在构建 Logo 解释器的过程中，我们需要完成多个关键步骤，包括添加 reducer 测试、将 reducer 添加到存储、实现提示框聚焦等功能。

1.1 添加 reducer 测试

为 reducer 添加最终测试，确保在接收到 PROMPT_HAS_FOCUSED 动作时， promptFocusRequest 被设置为 false 。

it('sets promptFocusRequest to false when receiving a PROMPT_HAS_FOCUSED action', () => {
  expect(
    reducer(
      { promptFocusRequest: true},
      { type: 'PROMPT_HAS_FOCUSED' }
    )
  ).toEqual({
    promptFocusRequest: false
  });
});

通过添加以下 case 语句使测试通过：

case 'PROMPT_HAS_FOCUSED':
  return { promptFocusRequest: false };

1.2 将 reducer 添加到存储

在使用新的