Navigation transitions (web to native app): Hide/Show transition elements (Blink side)

We need a way to show hidden transition elements when coming back from native app (when back button is pressed).

This is the Blink side of the CL. The Chrome side is here: https://codereview.chromium.org/712183002/

BUG=370696

Review URL: https://codereview.chromium.org/715653004

git-svn-id: svn://svn.chromium.org/blink/trunk@185162 bbb929c8-8fbe-4397-9dbb-9b2b20218538

third_party/WebKit/LayoutTests/fast/html/navigation-transition-expected.txt

@@ -21,6 +21,7 @@ PASS transitionElementRects[1].left == boxTransitionElementBounds.left is true
 PASS transitionElementRects[1].top == boxTransitionElementBounds.top is true
 PASS transitionElementRects[1].width == boxTransitionElementBounds.width is true
 PASS transitionElementRects[1].height == boxTransitionElementBounds.height is true
+PASS postShowingTransitionElementOpacity == 1 is true
 PASS successfullyParsed is true
 
 TEST COMPLETE

third_party/WebKit/LayoutTests/fast/html/navigation-transition.html

@@ -57,6 +57,10 @@ window.onload = function() {
         shouldBeTrue('transitionElementRects[1].width == boxTransitionElementBounds.width');
         shouldBeTrue('transitionElementRects[1].height == boxTransitionElementBounds.height');
 
+        internals.showAllTransitionElements();
+        postShowingTransitionElementOpacity = window.getComputedStyle(transitionElement).opacity;
+        shouldBeTrue('postShowingTransitionElementOpacity == 1');
+
         finishJSTest();
     }
 }

third_party/WebKit/Source/core/dom/Document.cpp

@@ -5645,7 +5645,7 @@ void Document::getTransitionElementData(Vector<TransitionElementData>& elementDa
     }
 }
 
-void Document::hideTransitionElements(const AtomicString& cssSelector)
+void Document::updateElementOpacity(const AtomicString& cssSelector, double opacity)
 {
     TrackExceptionState exceptionState;
     RefPtrWillBeRawPtr<StaticElementList> elementList = querySelectorAll(cssSelector, exceptionState);
@@ -5654,11 +5654,21 @@ void Document::hideTransitionElements(const AtomicString& cssSelector)
 
         for (unsigned nodeIndex = 0; nodeIndex < nodeListLength; ++nodeIndex) {
             Element* element = elementList->item(nodeIndex);
-            element->setInlineStyleProperty(CSSPropertyOpacity, 0.0, CSSPrimitiveValue::CSS_NUMBER);
+            element->setInlineStyleProperty(CSSPropertyOpacity, opacity, CSSPrimitiveValue::CSS_NUMBER);
         }
     }
 }
 
+void Document::hideTransitionElements(const AtomicString& cssSelector)
+{
+    updateElementOpacity(cssSelector, 0.0);
+}
+
+void Document::showTransitionElements(const AtomicString& cssSelector)
+{
+    updateElementOpacity(cssSelector, 1.0);
+}
+
 bool Document::hasFocus() const
 {
     Page* page = this->page();

third_party/WebKit/Source/core/dom/Document.h

@@ -386,6 +386,7 @@ public:
     bool isTransitionDocument() const { return m_isTransitionDocument; }
     void setIsTransitionDocument() { m_isTransitionDocument = true; }
     void hideTransitionElements(const AtomicString& cssSelector);
+    void showTransitionElements(const AtomicString& cssSelector);
 
     struct TransitionElement {
         String id;
@@ -1167,6 +1168,8 @@ private:
     using EventFactorySet = HashSet<OwnPtr<EventFactoryBase>>;
     static EventFactorySet& eventFactories();
 
+    void updateElementOpacity(const AtomicString& cssSelector, double opacity);
+
     DocumentLifecycle m_lifecycle;
 
     bool m_hasNodesWithPlaceholderStyle;

third_party/WebKit/Source/core/testing/Internals.cpp

@@ -2308,6 +2308,16 @@ void Internals::hideAllTransitionElements()
         frame()->document()->hideTransitionElements(AtomicString(iter->selector));
 }
 
+void Internals::showAllTransitionElements()
+{
+    Vector<Document::TransitionElementData> elementData;
+    frame()->document()->getTransitionElementData(elementData);
+
+    Vector<Document::TransitionElementData>::iterator iter = elementData.begin();
+    for (; iter != elementData.end(); ++iter)
+        frame()->document()->showTransitionElements(AtomicString(iter->selector));
+}
+
 void Internals::forcePluginPlaceholder(HTMLElement* element, PassRefPtrWillBeRawPtr<DocumentFragment> fragment, ExceptionState& exceptionState)
 {
     if (!element->isPluginElement()) {

third_party/WebKit/Source/core/testing/Internals.h

@@ -328,6 +328,7 @@ public:
     Vector<String> getTransitionElementIds();
     PassRefPtrWillBeRawPtr<ClientRectList> getTransitionElementRects();
     void hideAllTransitionElements();
+    void showAllTransitionElements();
 
     unsigned countHitRegions(CanvasRenderingContext2D*);
 

third_party/WebKit/Source/core/testing/Internals.idl

@@ -286,6 +286,7 @@
     DOMString[] getTransitionElementIds();
     ClientRectList getTransitionElementRects();
     void hideAllTransitionElements();
+    void showAllTransitionElements();
 
     [RaisesException, TypeChecking=Interface] void forcePluginPlaceholder(HTMLElement plugin, DocumentFragment fragment);
     [RaisesException, TypeChecking=Interface] void forcePluginPlaceholder(HTMLElement plugin, Dictionary options);

third_party/WebKit/Source/web/WebDocument.cpp

@@ -296,6 +296,18 @@ void WebDocument::beginExitTransition(const WebString& cssSelector)
     document->styleEngine()->enableExitTransitionStylesheets();
 }
 
+void WebDocument::hideTransitionElements(const WebString& cssSelector)
+{
+    RefPtrWillBeRawPtr<Document> document = unwrap<Document>();
+    document->hideTransitionElements(cssSelector);
+}
+
+void WebDocument::showTransitionElements(const WebString& cssSelector)
+{
+    RefPtrWillBeRawPtr<Document> document = unwrap<Document>();
+    document->hideTransitionElements(cssSelector);
+}
+
 WebAXObject WebDocument::accessibilityObject() const
 {
     const Document* document = constUnwrap<Document>();

third_party/WebKit/public/web/WebDocument.h

@@ -121,6 +121,8 @@ public:
     BLINK_EXPORT WebSize maximumScrollOffset() const;
     BLINK_EXPORT void setIsTransitionDocument();
     BLINK_EXPORT void beginExitTransition(const WebString& cssSelector);
+    BLINK_EXPORT void hideTransitionElements(const WebString& cssSelector);
+    BLINK_EXPORT void showTransitionElements(const WebString& cssSelector);
 
     // Accessibility support. These methods should only be called on the
     // top-level document, because one accessibility cache spans all of