prescottprue

import type { Storage, File } from '@google-cloud/storage' with { "resolution-mode": "import" }

async function someFunc(): Promise<File> {
  const { Storage } = await import('@google-cloud/storage')
  const storage = new Storage() // <- is ESM types, not CSJ
  return storage.bucket(bucket).file(filePath) // not the same as File type
}

prescottprue

#!/bin/bash

# Based off https://gist.github.com/wojtekmaj/6defa1f358daae28bd52b7b6dbeb7ab6 with a few fixes and
# additions/removals including no git interactions

join_by() {
  local d=${1-} f=${2-}
  if shift 2; then
    printf %s "$f" "${@/#/$d}"
  fi

prescottprue

import React, { useCallback } from 'react';
import { useFirestoreCollectionData, useFirestore } from 'reactfire';

function useProjects() {
  // lazy load the Firestore SDK
  const firestore = useFirestore()
  const projectsRef = firestore.collection('projects')

  // subscribe to the do throws a Promise for Suspense to catch,
  // and then streams live updates

prescottprue

const path = require('path')

const rootDir = path.resolve(__dirname, '..')

module.exports = {
  /** resolves from test to snapshot path */
  resolveSnapshotPath: (testPath, snapshotExtension) => {
    return testPath.replace('src/', '__snapshots__/') + snapshotExtension
  },

prescottprue

"scripts": {
  "build:testConfig": "cypress-firebase createTestEnvFile",
  "test": "npm run build:testConfig && cypress run",
  "test:open": "npm run build:testConfig && cypress open",
  "test:stage": "npm run test:run -- --env envName=stage",
  "test:open:stage": "npm run test:open -- --env envName=stage",
  "test:open:debug": "cross-env DEBUG=cypress:* npm test:open"
}

prescottprue

const cypressFirebasePlugin = require('cypress-firebase').plugin

module.exports = (on, config) => {
  // `on` is used to hook into various events Cypress emits
  // `config` is the resolved Cypress config
  
  // Return extended config (with settings from .firebaserc)
  return cypressFirebasePlugin(config)
}

prescottprue

/**
 * Create a selector string from a selector value.
 * @param {String} selectorValue - Value of the selector
 * @example
 * createSelector('some-btn')
 * // => [data-test=some-btn]
 */
export function createSelector(selectorValue) {
  return `[data-test=${selectorValue}]`
}

prescottprue

const TEST_PROJECT_PATH = 'projects/123abc'
const fakeProject = {
  name: 'My Project'
}

describe('Project Detail Page', () => {
  beforeEach(() => {
    // Login using custom token
    cy.login()
    // Go to projects page

prescottprue

import { createStore, compose } from 'redux'
import firebase from 'firebase/app'
import 'firebase/auth'
import 'firebase/database'
import 'firebase/firestore' // make sure you add this for firestore
import { reactReduxFirebase } from 'react-redux-firebase'
import rootReducer from './reducer'

export default function configureStore(initialState, history) {
  // Initialize firebase app if instance does not already exist

prescottprue

import firebase from 'firebase/app';
import 'firebase/auth';
import 'firebase/database';
import 'firebase/firestore';
import { attachCustomCommands } from 'cypress-firebase';

const projectId = Cypress.env('FIREBASE_PROJECT_ID')
const env = Cypress.env('env') || 'stage'
const apiKey = Cypress.env('FIREBASE_API_KEY')