Почему драйвер Selenium Firefox считает, что мой модальный режим не отображается, если родитель имеет переполнение: скрытый?
РЕДАКТИРОВАТЬ: Я думаю, что есть проблема, открытая по этому вопросу уже:http://code.google.com/p/selenium/issues/detail?id=5717
Так что в основном я использую драйвер Firefox и DIV сid="page-content" вызывает мой тест селена с ошибкой, указанной в указанном вопросе:«Элемент в настоящее время не виден и поэтому не может взаимодействовать», но другой есть? Я смог отследить проблему до того факта, что этот идентификатор имеет стиль CSSoverflow: hidden Это ошибка или я что-то не так делаю?
Я использую Selenium WebDriver версия: 2.33.0.0, версия Firefox: 22
Источник для теста и веб-сайт здесь:https://github.com/tonyeung/selenium-overflow-issue
Для быстрого ознакомления: приведенный ниже HTML-код является моей тестовой страницей. Для тех из вас, кто не знаком с angular, все, что он делает, это отображает фрагмент html как модальный всякий раз, когда вы нажимаете на кнопку add или edit, вы можете увидеть живую демонстрацию здесь:http://plnkr.co/edit/LzHqxAz0f2GurbL9BGyu?p=preview
<!DOCTYPE html>
<html data-ng-app="myApp">
<head lang="en">
<meta charset="utf-8">
<title>Selenium Test</title>
<!-- // DO NOT REMOVE OR CHANGE ORDER OF THE FOLLOWING // -->
<!-- bootstrap default css (DO NOT REMOVE) -->
<link rel="stylesheet" href="css/bootstrap.min.css?v=1">
<link rel="stylesheet" href="css/bootstrap-responsive.min.css?v=1">
</head>
<body>
<div data-ng-controller="MyCtrl">
<span id="added" data-ng-show="added">Added</span>
<span id="edited" data-ng-show="edited">Edited</span>
<div id="page-content" style="overflow:hidden">
<!--<div id="page-content">-->
<div class="employees view">
<button name="addNewEmployee" id="addNewEmployee" class="btn btn-primary" data-ng-click="add()">Add</button>
<button name="editEmployee" id="editEmployee" class="btn btn-primary" data-ng-click="edit()">Edit</button>
<div data-ng-controller="editCtrl" data-ng-include="'app/views/edit.html'"></div>
<div data-ng-controller="addCtrl" data-ng-include="'app/views/add.html'"></div>
</div>
</div>
</div>
<!-- JS scripts -->
<script src="//ajax.googleapis.com/ajax/libs/jquery/2.0.0/jquery.min.js"></script>
<script src="//ajax.googleapis.com/ajax/libs/angularjs/1.0.7/angular.js"></script>
<script src="//cdnjs.cloudflare.com/ajax/libs/twitter-bootstrap/2.3.1/js/bootstrap.min.js"></script>
<script src="//cdnjs.cloudflare.com/ajax/libs/angular-strap/0.7.2/angular-strap.min.js"></script>
<script src="app/app.js"></script>
</body>
</html>