Create a file group by extension Follow

Hi,

When we use scss files with file watcher, the project creates a file structure (see attached image) with the scss and the children css and map files.

> style.scss
>> style.map
>> style.css

Is there any way to create custom file groups? For example, using angular 2, the spec file should be in the same folder of the tested file:

> my-app.component.ts
> my-app.component.spec.ts
> my-app.component.html
> my-app.component.css

How can I tell webstorm that I want to see the spec file inside the main ts file?

Thanks!