use find function from shallow render

Author: crisnicandrei

src/app/onboarding/components/glam/create-archive-for-me-screen/create-archive-for-me-screen.component.spec.ts

@@ -39,17 +39,17 @@ describe('CreateArchiveForMeScreenComponent', () => {
   });
 
   it('should emit goBackOutput when the Back button is clicked', async () => {
-    const { fixture, outputs } = await shallow.render();
-    const backButton = fixture.debugElement.query(By.css('.back'));
+    const { fixture, outputs, find } = await shallow.render();
+    const backButton = find('.back');
 
     backButton.triggerEventHandler('buttonClick', null);
 
     expect(outputs.goBackOutput.emit).toHaveBeenCalledWith('start');
   });
 
   it('should emit continueOutput with correct payload when the Yes, create archive button is clicked', async () => {
-    const { outputs, fixture } = await shallow.render();
-    const continueButton = fixture.debugElement.query(By.css('.continue'));
+    const { outputs, fixture, find } = await shallow.render();
+    const continueButton = find('.continue');
 
     continueButton.triggerEventHandler('buttonClick', null);