37、项目实战：使用 Jest 进行密码检查与实现自动补全功能

项目实战：使用 Jest 进行密码检查与实现自动补全功能

1. 使用 Jest 进行密码检查项目

在密码检查项目中，我们先关注 PasswordInfo 组件。它接收处理后的规则数组，并对该属性进行迭代。若 isCompleted 为 true ，则在 <li> 标签中添加 <strike> 标签， <strike> 是一个 HTML 标签，用于给文本添加删除线。这也是在 password.test.js 测试中要检查的内容。

const React = require('react')
class PasswordInfo extends React.Component {
  render() {
    return (
      <div>
        <h4>Password Strength</h4>
        <ul>
          {this.props.rules.map(function(processedRule, index, list){
            if (processedRule.isCompleted)
              return <li key={processedRule.key}>
                <strike>{pr