diff --git a/src/sentry/static/sentry/app/components/assistant/guideDrawer.jsx b/src/sentry/static/sentry/app/components/assistant/guideDrawer.jsx
index 50126650c83e61..57f46111c485a3 100644
--- a/src/sentry/static/sentry/app/components/assistant/guideDrawer.jsx
+++ b/src/sentry/static/sentry/app/components/assistant/guideDrawer.jsx
@@ -93,7 +93,7 @@ const GuideDrawer = createReactClass({
 
     if (step === 0) {
       return (
-        <StyledCueContainer onClick={nextStep} className="assistant-cue">
+        <StyledCueContainer onClick={nextStep} data-test-id="assistant-cue">
           {<CueIcon hasGuide={true} />}
           <StyledCueText>{guide.cue}</StyledCueText>
           <div style={{display: 'flex'}} onClick={this.handleDismiss}>
diff --git a/tests/js/spec/components/assistant/__snapshots__/guideDrawer.spec.jsx.snap b/tests/js/spec/components/assistant/__snapshots__/guideDrawer.spec.jsx.snap
index 55bb7e55b3bb36..8b66b300476916 100644
--- a/tests/js/spec/components/assistant/__snapshots__/guideDrawer.spec.jsx.snap
+++ b/tests/js/spec/components/assistant/__snapshots__/guideDrawer.spec.jsx.snap
@@ -54,7 +54,7 @@ exports[`GuideDrawer gets dismissed 1`] = `
 
 exports[`GuideDrawer renders drawer 1`] = `
 <StyledCueContainer
-  className="assistant-cue"
+  data-test-id="assistant-cue"
   onClick={[Function]}
 >
   <CueIcon
diff --git a/tests/js/spec/components/assistant/guideDrawer.spec.jsx b/tests/js/spec/components/assistant/guideDrawer.spec.jsx
index 5bc1f02fbe407a..3af03273ee444b 100644
--- a/tests/js/spec/components/assistant/guideDrawer.spec.jsx
+++ b/tests/js/spec/components/assistant/guideDrawer.spec.jsx
@@ -84,7 +84,7 @@ describe('GuideDrawer', function() {
     });
     wrapper.update();
     wrapper
-      .find('.assistant-cue')
+      .find('[data-test-id="assistant-cue"]')
       .first()
       .simulate('click');
     expect(wrapper).toMatchSnapshot();