Frontend: Add feature test for Pipeline Editor tabs and linting

As a part of shifting left and optimizing E2E test suites https://gitlab.com/gitlab-com/gitlab-OKRs/-/work_items/2542 , I think we can move test examples in E2E test pipeline_editor_tabs_spec.rb to feature spec.

  • Verify all 4 tabs rendered on Pipeline Editor page (assume project already has a CI yml file): Edit, Visualize, Validate, Full configuration and Edit tab is selected by default
  • Verify when CI yml has valid syntax:
    • Has validation "syntax is invalid"
    • Visualization tab has validation "syntax is invalid" and does not display any job
    • Gets simulation error when trying to simulate pipeline in Validate tab
    • Full configuration tab has source editor rendered and content is not empty
  • Verify when CI yml has invalid syntax:
    • Has validation "Pipeline syntax is correct"
    • Visualization tab displays correct Jobs and Stages
    • Can simulate pipeline in Validate tab
    • Full configuration tab has source editor rendered and content is not empty