为什么测试失败引导答案

【问题标题】：why test is failed bootstrap为什么测试失败引导
【发布时间】：2021-04-06 03:26:51
【问题描述】：

为什么测试失败，我试了几次，帮助解决以下错误


<div id="myCarousel" class="carousel slide" data-ride="carousel">
    <!-- Indicators -->
    <ol class="carousel-indicators"
      <li data-target="#myCarousel" data-slide-to="0" class="active"></li>
      <li data-target="#myCarousel" data-slide-to="1"></li>
      <li data-target="#myCarousel" data-slide-to="2"></li>
    </ol>
    <!-- Wrapper for slides -->
    <div class="carousel-inner">
      <div class="item active">
        <img src="https://images-na.ssl-images-amazon.com/images/M/MV5BMjA3NTEwOTMxMV5BMl5BanBnXkFtZTgwMjMyODgxMzE@._V1_SX1500_CR0,0,1500,999_AL_.jpg" alt="Los Angeles" style="width:100%;">
        </div>
        <div class="item">
          <img src="https://images-na.ssl-images-amazon.com/images/M/MV5BNDc1MGUyNzItNWRkOC00MjM1LWJjNjMtZTZlYWIxMGRmYzVlXkEyXkFqcGdeQXVyMzU3MDEyNjk@._V1_SX1777_CR0,0,1777,999_AL_.jpg" alt="Chicago" style="width:100%;">
        </div>
        <div class="item">
          <img src="https://images-na.ssl-images-amazon.com/images/M/MV5BMTExMDk1MDE4NzVeQTJeQWpwZ15BbWU4MDM4NDM0ODAx._V1_SX1500_CR0,0,1500,999_AL_.jpg" alt="New york" style="width:100%;">
        </div>
         </div>
          <!-- Left and right controls -->
          <a class="left carousel-control" href="#myCarousel" data-slide="prev">
            <span class="glyphicon glyphicon-chevron-left"></span>
            <span class="sr-only">Previous</span>
          </a>
          <a class="right carousel-control" href="#myCarousel" data-slide="next">
          <span class="glyphicon glyphicon-chevron-right"></span>
          <span class="sr-only">Next</span>
          </a>
        </div>

错误：

elf =

def test_img(self):

    assert self._index.find('div',{'class':'carousel slide'})

    assert self._index.find('div',{'class':'item active'})

    site = self._index.find('div',{'class':'carousel slide'})

    a=0

    for img in site.find_all('img'):

        a=a+1

  assert a==3

E 断言 0 == 3

test/test_webpage.py:21: AssertionError

【问题讨论】：

您正在使用 python 而不是 javascript 进行轮播。
我没有使用它，它是预定义的
好的，所以你只在 python 或引导程序中遇到问题。在引导中

标签： bootstrap-4 bootstrap-modal react-bootstrap

【解决方案1】：

看看它。如果它适合您，请告诉我。

变化：

在引导后没有关闭指标。

(;)图片分号中的width="100%"未使用后分号错误。

.carousel-item 在轮播项目中丢失。

对于下一个 carousel-control-next 一个类，对于前一个项目 .carousel-control-prev 类在引导程序 4 中。

<div id="myCarousel" class="carousel slide" data-ride="carousel">
    <!-- Indicators -->
    <ol class="carousel-indicators">
       <li data-target="#myCarousel" data-slide-to="0" class="active"></li>
       <li data-target="#myCarousel" data-slide-to="1"></li>
       <li data-target="#myCarousel" data-slide-to="2"></li>
    </ol>
    
    <div class="carousel-inner">
      <div class="carousel-item active active">
        <img src="https://images-na.ssl-images-amazon.com/images/M/MV5BMjA3NTEwOTMxMV5BMl5BanBnXkFtZTgwMjMyODgxMzE@._V1_SX1500_CR0,0,1500,999_AL_.jpg" alt="Los Angeles" style="width:100%">
      </div>
      <div class="carousel-item">
        <img src="https://images-na.ssl-images-amazon.com/images/M/MV5BNDc1MGUyNzItNWRkOC00MjM1LWJjNjMtZTZlYWIxMGRmYzVlXkEyXkFqcGdeQXVyMzU3MDEyNjk@._V1_SX1777_CR0,0,1777,999_AL_.jpg" alt="Chicago" style="width:100%">
      </div>
      <div class="carousel-item">
        <img src="https://images-na.ssl-images-amazon.com/images/M/MV5BMTExMDk1MDE4NzVeQTJeQWpwZ15BbWU4MDM4NDM0ODAx._V1_SX1500_CR0,0,1500,999_AL_.jpg" alt="New york" style="width:100%">
      </div>
    </div>
          
          
  <a class="carousel-control-prev" href="#myCarousel" data-slide="prev">
    <span class="carousel-control-prev-icon">
       <span class="sr-only">Previous</span>
    </span>
  </a>
  <a class="carousel-control-next" href="#myCarousel" data-slide="next">
    <span class="carousel-control-next-icon">
       <span class="sr-only">Next</span>
    </span>
  </a>

【讨论】：

我已经检查过了，对我来说它工作正常，无论是在线还是离线。你能分享你的代码的任何在线链接，这样我就可以检查你的引导程序为什么不工作了。
test/test_webpage.py::TestWebpage::test_img /projects/challenge/test/test_webpage.py:16: PytestAssertRewriteWarning: 断言值无，请使用“断言为无”断言 self._index .find('div',{'class':'item active'}) -- 文档：docs.pytest.org/en/latest/warnings.html ======================= 1失败，0.18s 内出现 1 个警告 =========================

【解决方案2】：

<div id="myCarousel" class="carousel slide" data-ride="carousel">
<!-- Indicators -->
***<ol class="carousel-indicators">***
  <li data-target="#myCarousel" data-slide-to="0" class="active"></li>
  <li data-target="#myCarousel" data-slide-to="1"></li>
  <li data-target="#myCarousel" data-slide-to="2"></li>
</ol>
<!-- Wrapper for slides -->
<div class="carousel-inner">
  <div class="item active">
    <img src="https://images-na.ssl-images-amazon.com/images/M/MV5BMjA3NTEwOTMxMV5BMl5BanBnXkFtZTgwMjMyODgxMzE@._V1_SX1500_CR0,0,1500,999_AL_.jpg" alt="Los Angeles" style="width:100%;">
    </div>
    <div class="item">
      <img src="https://images-na.ssl-images-amazon.com/images/M/MV5BNDc1MGUyNzItNWRkOC00MjM1LWJjNjMtZTZlYWIxMGRmYzVlXkEyXkFqcGdeQXVyMzU3MDEyNjk@._V1_SX1777_CR0,0,1777,999_AL_.jpg" alt="Chicago" style="width:100%;">
    </div>
    <div class="item">
      <img src="https://images-na.ssl-images-amazon.com/images/M/MV5BMTExMDk1MDE4NzVeQTJeQWpwZ15BbWU4MDM4NDM0ODAx._V1_SX1500_CR0,0,1500,999_AL_.jpg" alt="New york" style="width:100%;">
    </div>
     </div>
      <!-- Left and right controls -->
      <a class="left carousel-control" href="#myCarousel" data-slide="prev">
        <span class="glyphicon glyphicon-chevron-left"></span>
        <span class="sr-only">Previous</span>
      </a>
      <a class="right carousel-control" href="#myCarousel" data-slide="next">
      <span class="glyphicon glyphicon-chevron-right"></span>
      <span class="sr-only">Next</span>
      </a>
    </div>

使用此代码解决此问题。 *** 行显示 ">" 此处缺失。

【讨论】：