generator-phoenix-react

KO | EN

gitlite — search

#javascript #hacktoberfest #llm #go #machine-learning #rust #deep-learning #linux #macos #java #cli #vue #openai #open-source

generator-phoenix-react

(★ 16)

(deprecated) A phoenix framework generator which uses react as view

generator-phoenix-react Latest Version Download

Download Latest Version (.zip)

// repository documentation

Was this content helpful?

★ 0 (0 ratings)

# generator-phoenix-react [![NPM version][npm-image]][npm-url] [![Build Status][travis-image]][travis-url] [![Dependency Status][daviddm-image]][daviddm-url] [![Coverage percentage][coveralls-image]][coveralls-url]
> A generator to create a phoenix application using React as view

# Deperated
This repository is not being maintained

## Features
- End to end testing with [hound](https://github.com/HashNuke/hound)
- Unit Testing with [Karma](http://karma-runner.github.io), [mocha](https://mochajs.org/) and [chai](http://chaijs.com/)
- Ecmascript 2015

## Installation
First, install [Yeoman](http://yeoman.io) and generator-phoenix-react using [npm](https://www.npmjs.com/) (we assume you have pre-installed [node.js](https://nodejs.org/)).

```bash
npm install -g yo
npm install -g generator-phoenix-react
```

Then generate your new project:

```bash
yo phoenix-react <my-project-name>
```

## Testing
Tests can be divided into three groups.
1. React unit tests
2. Phoenix unit tests
3. Phoenix E2E tests

### Running tests
Make sure to have a web driver running.

```bash
# Run the entire test suite
bin/test

# OR start the web driver manually and run the entire suite
# Make sure to start the web driver
chromedriver # default configured for hound
npm run-script build && mix test --include feature

# Run the tests for react components only
npm test
# or
npm run-script test:watch # for TDD

# Run the elixir unit tests only (Fastest)
mix test --exclude feature --exclude integration
```

### Use a different web driver for E2E testing

```elixir
# config/test.exs
# Replace this line with a different configuration that can be found at
# https://github.com/HashNuke/hound/blob/master/notes/configuring-hound.md
config :hound, driver: "phantomjs"
```

**NOTE:** Make sure to change `bin/test` to start this web driver instead.

### React component test example

```javascript
// test/static/js/components/form.spec.js
import React from 'react';
import Chai, {expect} from 'chai';
import sinon from 'sinon';
import {mount} from 'enzyme';
import sinonChai from 'sinon-chai';
/**
* <my-project> is replaced by your project name
* which can be found under "resolve.alias" in webpack.config.js
**/
import Form from '<my_project>/components/form';
Chai.use(sinonChai);

describe('Form', () => {
  it('submits a message', () => {
    const handleSubmit = sinon.spy();
    const wrapper = mount(
      <Form handleSubmit={handleSubmit} />
    );
    const message = 'Hello, my name is Bob!';
    const {node} = wrapper.find('input');

node.value = message;
    wrapper.find('form').simulate('submit');

expect(handleSubmit).to.have.been.calledWith(message);
    expect(node.value).to.equal('');
  });
});
```

## Getting To Know Yeoman
Yeoman has a heart of gold. He's a person with feelings and opinions, but he's very easy to work with. If you think he's too opinionated, he can be easily convinced. Feel free to [learn more about him](http://yeoman.io/).

[npm-image]: https://badge.fury.io/js/generator-phoenix-react.svg
[npm-url]: https://npmjs.org/package/generator-phoenix-react
[travis-image]: https://travis-ci.org/TFarla/generator-phoenix-react.svg?branch=master
[travis-url]: https://travis-ci.org/TFarla/generator-phoenix-react
[daviddm-image]: https://david-dm.org/TFarla/generator-phoenix-react.svg?theme=shields.io
[daviddm-url]: https://david-dm.org/TFarla/generator-phoenix-react
[coveralls-image]: https://coveralls.io/repos/TFarla/generator-phoenix-react/badge.svg
[coveralls-url]: https://coveralls.io/r/TFarla/generator-phoenix-react

generator-phoenix-react

generator-phoenix-react Latest Version Download

Today's picks

Was this content helpful?

Recent Feedback

generator-phoenix-react

generator-phoenix-react Latest Version Download

Today's picks

Was this content helpful?

Recent Feedback

Download README