pebbleroad / cobblestone Goto Github PK

Storybook uses iframes and Cypress needs some workarounds to work with iframes. Let's create Cypress helpers for that.

Cobblestone currently only generates an SPA. Sometimes, we want to generate a multi-page application instead.

We're currently using Cypress for app-level integration/e2e tests. However, component unit tests are handled with @vue/test-utils. We can instead use https://github.com/bahmutov/cypress-vue-unit-test for consistency.

https://github.com/GoogleChromeLabs/quicklink

We can use lighthouse-ci and psi for a start.

Beef up the "Recipes" section of the README into full-fledged developer guides.

Work needs to be done in https://github.com/kyleoliveiro/scarab-carapace.

Need a solution for setting meta tags with vue-router.

More stuff to speed up development time when plugging fake data into tests.

Some ideas:

• Countries, Schools, Occupations, etc.
• Image URLs (of different formats and sizes)
• Emoji's and weird characters
• XSS strings and other fuzzers?

Because of internal css during development mode, it is very hard to identify where is the code located in the codebase.

Since there is multiple files (e.g. .vue .md, stories.js, test.js) required to be create every single time we want a new component.

Good to have, say if we have an npm command that able to scaffold the files automatically like

$ npm run component Button

or

$ yarn component Button

It would be good if we have a way to define the namespace variable in one place then it would be used throughout the css and HTML.

<template>
  <a
    :class="`${componentClass}`">
      <slot></slot>
  </a>
</template>

<script>
import {PROJECT_NAME} from './constants';

export default {
  name: "Link"
  props: {
    componentClass: {
      type: String,
      default: `${PROJECT_NAME}-link`
    }
  }
}
</script>

<style lang="scss">
.#{$project-name}-link {
  color: #111;
  text-decoration: none;
}
</style>

So, if we setup in this way that, we just need to change the variable in one place, then the namespace will be reflected throughout the project files.