Renaming toggle to toggleVisibility because it was conflicting with s…

…idebar and breaking it (#7855)
ampproject · Mar 2, 2017 · 919f802 · 919f802
1 parent 58a6316
commit 919f802
Show file tree

Hide file tree

Showing 4 changed files with 9 additions and 8 deletions.
diff --git a/examples/standard-actions.amp.html b/examples/standard-actions.amp.html
@@ -43,14 +43,14 @@
   <h3>amp-img:</h3>
   <button on="tap:img-on-viewport.show">Show</button>
   <button on="tap:img-on-viewport.hide">Hide</button>
-  <button on="tap:img-on-viewport.toggle">Toggle</button>
+  <button on="tap:img-on-viewport.toggleVisibility">Toggle Visibility</button>
 </div>
 
 <div class="button-set">
   <h3>Normal element:</h3>
   <button on="tap:normal-element.show">Show</button>
   <button on="tap:normal-element.hide">Hide</button>
-  <button on="tap:normal-element.toggle">Toggle</button>
+  <button on="tap:normal-element.toggleVisibility">Toggle Visibility</button>
 </div>
 
 <amp-img src="https://ampbyexample.com/img/amp.jpg" layout="responsive" width="1080" height="610" id="img-on-viewport"></amp-img>

diff --git a/spec/amp-actions-and-events.md b/spec/amp-actions-and-events.md
@@ -68,9 +68,9 @@ Example: `on="tap:target1.actionA,target2.actionB"`
 ## Globally defined Events and Actions
 Currently AMP defines `tap` event globally that you can listen to on any HTML element (including amp-elements).
 
-AMP also defines `hide`, `show` and `toggle` actions globally that you can trigger on any HTML element.
+AMP also defines `hide`, `show` and `toggleVisibility` actions globally that you can trigger on any HTML element.
 
-{% call callout('Note', type='note') %}Note: {% endcall %} An element can only be shown if it was previously hidden by a `hide` or `toggle` action, or by using the [`hidden`](https://developer.mozilla.org/en-US/docs/Web/HTML/Global_attributes/hidden) attribute. `show` does not support elements hidden by CSS `display:none` or AMP's `layout=nodisplay`
+{% call callout('Note', type='note') %}Note: {% endcall %} An element can only be shown if it was previously hidden by a `hide` or `toggleVisibility` action, or by using the [`hidden`](https://developer.mozilla.org/en-US/docs/Web/HTML/Global_attributes/hidden) attribute. `show` does not support elements hidden by CSS `display:none` or AMP's `layout=nodisplay`
 
 For example, the following is possible in AMP.
 

diff --git a/src/service/standard-actions-impl.js b/src/service/standard-actions-impl.js
@@ -72,7 +72,7 @@ export class StandardActions {
     actionService.addGlobalMethodHandler('hide', this.handleHide.bind(this));
     actionService.addGlobalMethodHandler('show', this.handleShow.bind(this));
     actionService.addGlobalMethodHandler(
-      'toggle', this.handleToggle.bind(this));
+      'toggleVisibility', this.handleToggle.bind(this));
   }
 
   /**
@@ -138,7 +138,7 @@ export class StandardActions {
     if (target.classList.contains(getLayoutClass(Layout.NODISPLAY))) {
       user().warn(
           'STANDARD-ACTIONS',
-          'Elements with layout=nodisplay cannot be dynamically shown. %s',
+          'Elements with layout=nodisplay cannot be dynamically shown.',
           target);
 
       return;
@@ -151,7 +151,7 @@ export class StandardActions {
         user().warn(
             'STANDARD-ACTIONS',
             'Elements can only be dynamically shown when they have the ' +
-            '"hidden" attribute set or when they were dynamically hidden. %s',
+            '"hidden" attribute set or when they were dynamically hidden.',
             target);
       }
     });

diff --git a/test/functional/test-standard-actions.js b/test/functional/test-standard-actions.js
@@ -203,7 +203,8 @@ describes.sandboxed('StandardActions', {}, () => {
       expect(embedActions.addGlobalMethodHandler.args[0][1]).to.be.function;
       expect(embedActions.addGlobalMethodHandler.args[1][0]).to.equal('show');
       expect(embedActions.addGlobalMethodHandler.args[1][1]).to.be.function;
-      expect(embedActions.addGlobalMethodHandler.args[2][0]).to.equal('toggle');
+      expect(embedActions.addGlobalMethodHandler.args[2][0]).to
+          .equal('toggleVisibility');
       expect(embedActions.addGlobalMethodHandler.args[2][1]).to.be.function;
       embedActions.addGlobalMethodHandler.args[0][1]();
       expect(hideStub).to.be.calledOnce;