diff --git a/src/ui/helpOnePager/helpOnePager.component.spec.ts b/src/ui/helpOnePager/helpOnePager.component.spec.ts
index 6acc9ea11ca134f8108e0093498c79b1c1080d66..5856db9df27ecf555c8cc71d1a25c3fedb62ec40 100644
--- a/src/ui/helpOnePager/helpOnePager.component.spec.ts
+++ b/src/ui/helpOnePager/helpOnePager.component.spec.ts
@@ -1,7 +1,7 @@
 import { CommonModule } from '@angular/common'
 import { async, TestBed } from '@angular/core/testing'
 import { ComponentsModule } from 'src/components'
-import { PureContantService } from 'src/util'
+import { PureContantService, UtilModule } from 'src/util'
 import { HelpOnePager } from './helpOnePager.component'
 
 describe('> helpOnePager.component.ts', () => {
@@ -11,6 +11,10 @@ describe('> helpOnePager.component.ts', () => {
         imports: [
           ComponentsModule,
           CommonModule,
+          /**
+           * for media query directive
+           */
+          UtilModule,
         ],
         declarations: [
           HelpOnePager,