Home-Lab | network diagrams , configuration guides | Learning library

I am trying to use Puppeteer to input an address into ubereats (www.ubereats.com). I've realized that before inputting the address, I have to wait for some icon to load first or else the text just gets erased. To do for this, I'm using:

page.waitForSelector("#wrapper > main > div.ao.ap.aq.ar.af > div.ag.bq.br.bs.bt > div > div.c1.af.bh.c2 > div > div.av.b3.ax > div > svg > path");

Which works for now. However, the problem is that the class names occasionally change. I have not seen any noticeable pattern in the changes. I've tried using page.waitForXPath() instead because there are no class names involved, but it did not work. Is there any way to get around the changing class name? Thanks!

Edit: added some example HTML. These are innermost few divs leading up to the icon that I wait on to load. Some of these class names randomly change.

Using Angular 6 and @angular/animations module, I'm trying to implement a custom sidenav element that must slide in and out smoothly from the main page by clicking a button.

As you can see here this element hides to the left smoothly, but not the other way, where it just dissapears.

Here is the code for the animation:

I create a child theme, but then I want to add some style it not change in my main menu.

I create a folder aloshop-child in the direction