# Protractor cannot find element by css ion tab

**URL:** <https://forum.ionicframework.com/t/protractor-cannot-find-element-by-css-ion-tab/117721>\
**Category:** ionic-v3\
**Created:** [January 9, 2018, 4:34pm UTC](https://forum.ionicframework.com/t/protractor-cannot-find-element-by-css-ion-tab/117721 "2018-01-09T16:34:41Z")\
**Posts on this page:** 3\
**Page:** 1

<div class="post-metadata">

**Author:** ![Crazypigs](https://avatars.discourse-cdn.com/v4/letter/c/b3f665/32.png) [@Crazypigs](https://forum.ionicframework.com/u/Crazypigs)\
**Post date:** [January 9, 2018, 4:34pm UTC](https://forum.ionicframework.com/t/protractor-cannot-find-element-by-css-ion-tab/117721/1 "2018-01-09T16:34:41Z")

</div>

I want to be able to navigate app using e2e by binding to the tab button to make a click.

I wanted to name a ion tab in the html so that i could grab that element by its css attribute.  
The issue is that the “class” in the inspector on chrome keeps doesn’t say the class is inheriting settingTabButton so I am not able to test it.

Any ideas?  
See below pseudo for my implementation

like so:

`element(by.css('settingTabButton')).click();`

**tabs.html**

```auto
<ion-tabs>
<ion-tab class="settingTabButton" [root]="tab3Root" tabTitle="Settings" tabIcon="md-settings"></ion-tab>
</ion-tabs>

```

then in the **tabs.scss** :

```auto
.settingTabButton.important {

}

```

in the **tabs.component.ts** :

```auto
@Component({
  templateUrl: 'tabs.html',
  styleUrls: ['/tabs.scss']
})

```

---

<div class="post-metadata">

**Author:** ![michaelcpell](https://sea1.discourse-cdn.com/ionicframework/user_avatar/forum.ionicframework.com/michaelcpell/32/115503_2.png) [@michaelcpell](https://forum.ionicframework.com/u/michaelcpell)\
**Post date:** [February 24, 2018, 9:31pm UTC](https://forum.ionicframework.com/t/protractor-cannot-find-element-by-css-ion-tab/117721/2 "2018-02-24T21:31:50Z")

</div>

Did you ever figure this out? Do you have any general reference for testing Ionic apps?

---

<div class="post-metadata">

**Author:** ![mhartington](https://sea1.discourse-cdn.com/ionicframework/user_avatar/forum.ionicframework.com/mhartington/32/137757_2.png) [@mhartington](https://forum.ionicframework.com/u/mhartington)\
**Post date:** [July 19, 2021, 9:56pm UTC](https://forum.ionicframework.com/t/protractor-cannot-find-element-by-css-ion-tab/117721/3 "2021-07-19T21:56:00Z")

</div>

Closed on July 19, 2021, 9:56pm UTC