зеркало из https://github.com/mozilla/gecko-dev.git
Bug 1441437 - [marionette] Remove dependency to cssTransform.html and cssTransform2.html in test_visibility.py. r=ato
Differential Revision: https://phabricator.services.mozilla.com/D16182 --HG-- extra : moz-landing-system : lando
This commit is contained in:
Родитель
7df7be6d7a
Коммит
941be3d64d
|
@ -74,36 +74,41 @@ class TestVisibility(MarionetteTestCase):
|
|||
|
||||
self.assertFalse(shown.is_displayed())
|
||||
|
||||
def testShouldSayElementsWithNegativeTransformAreNotDisplayed(self):
|
||||
test_html = self.marionette.absolute_url("cssTransform.html")
|
||||
self.marionette.navigate(test_html)
|
||||
def test_elements_not_displayed_with_negative_transform(self):
|
||||
self.marionette.navigate(inline("""
|
||||
<div id="y" style="transform: translateY(-200%);">hidden</div>
|
||||
<div id="x" style="transform: translateX(-200%);">hidden</div>
|
||||
"""))
|
||||
|
||||
elementX = self.marionette.find_element(By.ID, 'parentX')
|
||||
self.assertFalse(elementX.is_displayed())
|
||||
elementY = self.marionette.find_element(By.ID, 'parentY')
|
||||
self.assertFalse(elementY.is_displayed())
|
||||
element_x = self.marionette.find_element(By.ID, 'x')
|
||||
self.assertFalse(element_x.is_displayed())
|
||||
element_y = self.marionette.find_element(By.ID, 'y')
|
||||
self.assertFalse(element_y.is_displayed())
|
||||
|
||||
def testShouldSayElementsWithParentWithNegativeTransformAreNotDisplayed(self):
|
||||
test_html = self.marionette.absolute_url("cssTransform.html")
|
||||
self.marionette.navigate(test_html)
|
||||
def test_elements_not_displayed_with_parents_having_negative_transform(self):
|
||||
self.marionette.navigate(inline("""
|
||||
<div style="transform: translateY(-200%);"><p id="y">hidden</p></div>
|
||||
<div style="transform: translateX(-200%);"><p id="x">hidden</p></div>
|
||||
"""))
|
||||
|
||||
elementX = self.marionette.find_element(By.ID, 'childX')
|
||||
self.assertFalse(elementX.is_displayed())
|
||||
elementY = self.marionette.find_element(By.ID, 'childY')
|
||||
self.assertFalse(elementY.is_displayed())
|
||||
element_x = self.marionette.find_element(By.ID, 'x')
|
||||
self.assertFalse(element_x.is_displayed())
|
||||
element_y = self.marionette.find_element(By.ID, 'y')
|
||||
self.assertFalse(element_y.is_displayed())
|
||||
|
||||
def testShouldSayElementWithZeroTransformIsVisible(self):
|
||||
test_html = self.marionette.absolute_url("cssTransform.html")
|
||||
self.marionette.navigate(test_html)
|
||||
def test_element_displayed_with_zero_transform(self):
|
||||
self.marionette.navigate(inline("""
|
||||
<div style="transform: translate(0px, 0px);">not hidden</div>
|
||||
"""))
|
||||
element = self.marionette.find_element(By.TAG_NAME, 'div')
|
||||
self.assertTrue(element.is_displayed())
|
||||
|
||||
zero_tranform = self.marionette.find_element(By.ID, 'zero-tranform')
|
||||
self.assertTrue(zero_tranform.is_displayed())
|
||||
|
||||
def testShouldSayElementIsVisibleWhenItHasNegativeTransformButElementisntInANegativeSpace(self):
|
||||
test_html = self.marionette.absolute_url("cssTransform2.html")
|
||||
self.marionette.navigate(test_html)
|
||||
negative_percent__tranform = self.marionette.find_element(By.ID, 'negative-percentage-transformY')
|
||||
self.assertTrue(negative_percent__tranform.is_displayed())
|
||||
def test_element_displayed_with_negative_transform_but_in_viewport(self):
|
||||
self.marionette.navigate(inline("""
|
||||
<div style="margin-top: 1em; transform: translateY(-75%);">not hidden</div>
|
||||
"""))
|
||||
element = self.marionette.find_element(By.TAG_NAME, "div")
|
||||
self.assertTrue(element.is_displayed())
|
||||
|
||||
def testShouldSayElementIsInvisibleWhenOverflowXIsHiddenAndOutOfViewport(self):
|
||||
test_html = self.marionette.absolute_url("bug814037.html")
|
||||
|
|
|
@ -1,61 +0,0 @@
|
|||
<!DOCTYPE html>
|
||||
<style>
|
||||
#parentY {
|
||||
transform: translateY(-10000px);
|
||||
-webkit-transform: translateY(-10000px);
|
||||
-o-transform: translateY(-10000px);
|
||||
-ms-transform: translateY(-10000px);
|
||||
-moz-transform: translateY(-10000px);
|
||||
}
|
||||
#parentX {
|
||||
transform: translateX(-10000px);
|
||||
-webkit-transform: translateX(-10000px);
|
||||
-o-transform: translateX(-10000px);
|
||||
-ms-transform: translateX(-10000px);
|
||||
-moz-transform: translateX(-10000px);
|
||||
}
|
||||
#transformX {
|
||||
transform: translateX(-10000px);
|
||||
-webkit-transform: translateX(-10000px);
|
||||
-o-transform: translateX(-10000px);
|
||||
-ms-transform: translateX(-10000px);
|
||||
-moz-transform: translateX(-10000px);
|
||||
}
|
||||
#transformY {
|
||||
transform: translateY(-10000px);
|
||||
-webkit-transform: translateY(-10000px);
|
||||
-o-transform: translateY(-10000px);
|
||||
-ms-transform: translateY(-10000px);
|
||||
-moz-transform: translateY(-10000px);
|
||||
}
|
||||
|
||||
#zero-transform {
|
||||
transform: translateY(0px);
|
||||
-webkit-transform: translateY(0px);
|
||||
-o-transform: translateY(0px);
|
||||
-ms-transform: translateY(0px);
|
||||
-moz-transform: translateY(0px);
|
||||
transform: translateX(0px);
|
||||
-webkit-transform: translateX(0px);
|
||||
-o-transform: translateX(0px);
|
||||
-ms-transform: translateX(0px);
|
||||
-moz-transform: translateX(0px);
|
||||
}
|
||||
</style>
|
||||
<div id='zero-tranform'>
|
||||
You shouldn't see anything other than this sentence on the page
|
||||
</div>
|
||||
<div id='parentY'>
|
||||
I have a hidden child
|
||||
<div id='childY'>
|
||||
I am a hidden child
|
||||
</div>
|
||||
</div>
|
||||
<div id='parentX'>
|
||||
I have a hidden child
|
||||
<div id='childX'>
|
||||
I am a hidden child
|
||||
</div>
|
||||
</div>
|
||||
<div id='transformX'>I am a hidden element </div>
|
||||
<div id='transformY'>I am a hidden element </div>
|
|
@ -1,20 +0,0 @@
|
|||
<!DOCTYPE html>
|
||||
<style>
|
||||
#negative-percentage-transformY{
|
||||
transform: translateY(-75px);
|
||||
-webkit-transform: translateY(-75%);
|
||||
-o-transform: translateY(-75%);
|
||||
-ms-transform: translateY(-75%);
|
||||
-moz-transform: translateY(-75%);
|
||||
}
|
||||
.block {
|
||||
display = block;
|
||||
}
|
||||
</style>
|
||||
<div class='block'>
|
||||
<br/>
|
||||
</div>
|
||||
<br/>
|
||||
<div class='block'>
|
||||
</div>
|
||||
<div id='negative-percentage-transformY'>I am not a hidden element </div>
|
Загрузка…
Ссылка в новой задаче