低代码: 关于Test Driven Development - 测试驱动开发组件与测试示例

TDD 的开发方式

• Test Driven Development - 测试驱动开发
• 这是一种非常有意思的开发方式，我们进入一个实际场景，拿需要自研的colorpicker表单组件来说
• 表单中的很多属性，都需要进行一个颜色的选择，如背景颜色，字体颜色等等
• 我们来看一下相关设计交互

• 在这里我们分两个图，点击这个颜色框之前，上面部分是可以点击

• 点击之后，它会弹出一个框出来，通过上图，就可以进行一个需求的分析

• 显示

  • 左侧显示当前传入的颜色
  • 右侧显示十种常用的颜色
  • 右侧最后一个是透明，点击以后清除效果

• 点击

  • 点击左侧，显示颜色选择框，在颜色框中点击或者在input 中修改值以后，将新的值以事件的形式发射出去
  • 点击右侧的任何颜色，将新的值以事件的形式发射出去

• 特别注意：

  • 左侧可以使用