swipe and click a button protractor - angularjs

Question

i need to swipe an item and need to click on a button in that item, i used this the test is success but i could not view that button
this test case is written to swipe left and make a button visible and click on that button
it('should delete a product',function(){
browser.driver.actions().mouseMove({x:-50,y:0}).perform();
browser.sleep(3000);
});
could someone help me to swipe
the delete button is
<ion-option-button ng-show="!userService.isOffline" class="button button-assertive button disable-user-behavior" on-tap="deleteLead(leads)">Delete</ion-option-button>

Answer 1

I am doing something similar, with an ion-list, with ion-items, and ion-option-buttons. My swipe works, and looks like this:
var elements = element(by.id("item-list")).all(by.tagName("ion-item"));
var item1 = elements.get(0);
item1.getLocation().then((location) => {
var startLocation = {
x: location.x + 300,
y: location.y + 50
}
var newLocation = {
x: startLocation.x - 100,
y: startLocation.y
};
browser.driver.touchActions()
.tapAndHold(startLocation)
.move(newLocation)
.perform();
}
So I think you should use touchActions() instead of actions()
By the way, does on-tap work? Why not using ng-click?

Answer 2

There is another solution if the above solution of using tapAndHold is not working for anyone. You can use also use flickElement.
const offset = {x: -50, y: 0};
const targetElement = element(by.css(`selector`)); // This should be the element which is visible on your screen and you want to swipe
await browser.driver.touchActions()
.flickElement(targetElement, offset, 200)
.perform();
The above code is to swipe left the element.
To swipe right you can use:
const offset = {x: 50, y: 0};