/* global cy Cypress */
import { editorVisible } from '../support'

describe('Gist', () => {
  const test = Cypress.env('CI') ? it.skip : it

  test('Should pull text from the first Gist file', () => {
    cy.visit('/3208813b324d82a9ebd197e4b1c3bae8')
    editorVisible()

    cy.contains('Y-Combinator implemented in JavaScript')
    cy.get('#downshift-input-JavaScript').should('have.value', 'JavaScript')
  })

  const pages = ['/', '/embed/']

  pages.forEach(page => {
    test(`${page} should not contain a query string in the url`, () => {
      cy.visit('/82d742f4efad9757cc826d20f2a5e5af')

      cy.url().should('not.contain', '?')
    })

    test(`${page} should have a green editor background`, () => {
      cy.visit(`${page}82d742f4efad9757cc826d20f2a5e5af`)

      cy.get('.container-bg .bg').should('have.css', 'background-color', 'rgb(0, 128, 0)')
    })
  })
})