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

最新推荐文章于 2026-01-07 08:35:07 发布

原创最新推荐文章于 2026-01-07 08:35:07 发布 · 51 阅读

0 ·

CC 4.0 BY-SA版权

文章标签：

#Jest #React #密码检查

React快速入门与实践指南专栏收录该内容

41 篇文章 ¥499.90

订阅专栏¥69.90

会员秒杀 ¥9.9 重磅福利

超级会员免费看

项目实战：使用 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