# Click is not working on side menu using protractor

**URL:** <https://forum.ionicframework.com/t/click-is-not-working-on-side-menu-using-protractor/107148>\
**Category:** ionic-v3\
**Created:** [September 29, 2017, 2:12pm UTC](https://forum.ionicframework.com/t/click-is-not-working-on-side-menu-using-protractor/107148 "2017-09-29T14:12:14Z")\
**Posts on this page:** 6\
**Page:** 1

<div class="post-metadata">

**Author:** ![luizaguerra](https://sea1.discourse-cdn.com/ionicframework/user_avatar/forum.ionicframework.com/luizaguerra/32/113726_2.png) [@luizaguerra](https://forum.ionicframework.com/u/luizaguerra)\
**Post date:** [September 29, 2017, 2:12pm UTC](https://forum.ionicframework.com/t/click-is-not-working-on-side-menu-using-protractor/107148/1 "2017-09-29T14:12:14Z")

</div>

I have this side menu and I can’t use the click to show his options…

```auto
<ion-nav-buttons side="left">
                <button class="button button-icon button-clear ion-navicon"
                        menu-toggle="left">
                </button>
            </ion-nav-buttons>

```

I tried:

```auto
element(by.css('.button.button-icon.button-clear.ion-navicon')).click();

```

But is not working… Can anyone help me?

---

<div class="post-metadata">

**Author:** ![Sujan12](https://sea1.discourse-cdn.com/ionicframework/user_avatar/forum.ionicframework.com/sujan12/32/108395_2.png) [@Sujan12](https://forum.ionicframework.com/u/Sujan12)\
**Post date:** [September 29, 2017, 3:35pm UTC](https://forum.ionicframework.com/t/click-is-not-working-on-side-menu-using-protractor/107148/4 "2017-09-29T15:35:52Z")

</div>

What is “protractor” here?  
What is your second code example exactly?

---

<div class="post-metadata">

**Author:** ![luizaguerra](https://sea1.discourse-cdn.com/ionicframework/user_avatar/forum.ionicframework.com/luizaguerra/32/113726_2.png) [@luizaguerra](https://forum.ionicframework.com/u/luizaguerra)\
**Post date:** [September 29, 2017, 4:22pm UTC](https://forum.ionicframework.com/t/click-is-not-working-on-side-menu-using-protractor/107148/5 "2017-09-29T16:22:35Z")

</div>

I am using appium + protractor + selenium to automate the tests and I have this menu from the first code example, but when I click on the second example command, nothing happens.

---

<div class="post-metadata">

**Author:** ![Sujan12](https://sea1.discourse-cdn.com/ionicframework/user_avatar/forum.ionicframework.com/sujan12/32/108395_2.png) [@Sujan12](https://forum.ionicframework.com/u/Sujan12)\
**Post date:** [September 29, 2017, 4:38pm UTC](https://forum.ionicframework.com/t/click-is-not-working-on-side-menu-using-protractor/107148/6 "2017-09-29T16:38:20Z")

</div>

Ah now I understood.

Is this how you “chain” classes in these selectors? I always forget…  
Can you just give the button an `id` attribute and use that one?  
Or use an xpath selector that your browser’s dev tools would give you for that button?  
Is that button actually there in the generated and rendered output with these classes? Ionic does strange things sometimes.

---

<div class="post-metadata">

**Author:** ![luizaguerra](https://sea1.discourse-cdn.com/ionicframework/user_avatar/forum.ionicframework.com/luizaguerra/32/113726_2.png) [@luizaguerra](https://forum.ionicframework.com/u/luizaguerra)\
**Post date:** [September 29, 2017, 4:54pm UTC](https://forum.ionicframework.com/t/click-is-not-working-on-side-menu-using-protractor/107148/7 "2017-09-29T16:54:01Z")

</div>

I can’t edit the app code.  
Ionic is really strange sometimes.

I resolved the situation changing the locator to this:

```auto
element.all(by.className('button button-icon button-clear ion-navicon')).click();

```

But thanks for the suggestions! 😃

---

<div class="post-metadata">

**Author:** ![Sujan12](https://sea1.discourse-cdn.com/ionicframework/user_avatar/forum.ionicframework.com/sujan12/32/108395_2.png) [@Sujan12](https://forum.ionicframework.com/u/Sujan12)\
**Post date:** [September 29, 2017, 9:11pm UTC](https://forum.ionicframework.com/t/click-is-not-working-on-side-menu-using-protractor/107148/8 "2017-09-29T21:11:21Z")

</div>

> [@luizaguerra](#):
>
> I can’t edit the app code.
> 
> Ionic is really strange sometimes.

Huh?

> [@luizaguerra](#):
>
> I resolved the situation changing the locator to this:
> 
> element.all(by.className(‘button button-icon button-clear ion-navicon’)).click();

That’s what I meant by

> [@Sujan12](#):
>
> Is this how you “chain” classes in these selectors? I always forget…