Coder Social home page Coder Social logo

web-test-runner-jasmine's Introduction

BlueprintUI

A collection of tools and UI components for building Web UIs that work everywhere.

  • Easy to use Web Components
  • Works in any Framework (Angular, React, Vue...)
  • Responsive and Customizable Themes
  • Layout, Typography, and Icons Utilites
Package Downloads CI Status CDN
npm version Build
npm version Build
npm version Build
npm version Build
npm version Build
npm version Build
npm version Build

Documentation

Installation

Blueprint UI components are built as Web Components. This enables them to work in a variety of frameworks and libraries. Blueprint UI is split into several packages that can be used independently. To use components its install the following,

npm install @blueprintui/components

Optional packages for layout and typography utilities are also available.

npm install @blueprintui/layout @blueprintui/typography

CSS

To use components the base theme CSS file must be loaded into the page. This can be done via a CSS import or HTML link.

@import '@blueprintui/themes/index.min.css';
@import '@blueprintui/themes/dark/index.min.css';

or

<link rel="stylesheet" href="@blueprintui/themes/index.min.css"> 
<link rel="stylesheet" href="@blueprintui/themes/dark/index.min.css">

CDN

Blueprint UI Components can be used via CDNs for fast and easy prototyping.

<link rel="stylesheet" href="https://unpkg.com/@blueprintui/themes/index.min.css">
<link rel="stylesheet" href="https://unpkg.com/@@blueprintui/themes/dark/index.min.css">

<script type="module">
  import 'https://cdn.jsdelivr.net/npm/@blueprintui/components/include/alert.js/+esm';
</script>

Using a Component

Once the theme CSS is loaded, components can be imported via JavaScript imports.

import '@blueprintui/components/include/alert.js';
<body bp-theme=" { theme: 'dark' });">

  <bp-alert status="success">hello there!</bp-alert>

</body>

web-test-runner-jasmine's People

Contributors

coryrylan avatar

Stargazers

avatar avatar avatar avatar

Watchers

avatar

Forkers

vpaskar jamcoupe rhashimoto

web-test-runner-jasmine's Issues

Jasmine config available?

Is there a way to access the config object to make any changes? I tried this in my web-test-runner.config.mjs but it had no effect:

export default  /** @type {import("@web/test-runner").TestRunnerConfig} */ ({
...jasmineTestRunnerConfig(),
testFramework: {
    config: {
        random: false
    }
  },
...

describe() hierarchy is not reported with errors

It's great to have this option for @web/test-runner! Thanks!

Currently when tests fail, only the it() name is reported. So for this spec:

describe('foo', () => {
  describe('bar', () => {
    it('should be truthy', () => {
      expect(false).toBeTruthy();
    });
  })
});

the error is reported like this:

test/hello.test.js:

 ❌ should be truthy: Expected false to be truthy. 
      at UserContext.<anonymous> (test/hello.test.js:6:21)

This doesn't include the describe() hierarchy so when failures are reported it might not be obvious where to find the right test. This is especially true if you instantiate the same tests multiple times programmatically to test different configurations.

If you change result.description to result.fullName when recording the error here:

web-test-runner-jasmine/src/index.ts

Lines 69 to 76 in e3f1b9c

result.failedExpectations.forEach(e => {
failedSpecs.push({
message: result.description + ': ' + e.message,
name: e.description,
stack: e.stack,
expected: e.expected,
actual: e.actual,
});

then the error is reported like this:

test/hello.test.js:

 ❌ foo bar should be truthy: Expected false to be truthy. 
      at UserContext.<anonymous> (test/hello.test.js:6:21)

I'd be happy to submit a PR if you'll accept it.

Adding jasmine.setup file

First, I want to thank for this plugin!
I was delighted to find it

I need to add a jasmine.setup file, to add some additional matchers, and i can't find any related docs a about it.
simply adding it to the "files" entry does not work

Thank you!

Recommend Projects

  • React photo React

    A declarative, efficient, and flexible JavaScript library for building user interfaces.

  • Vue.js photo Vue.js

    🖖 Vue.js is a progressive, incrementally-adoptable JavaScript framework for building UI on the web.

  • Typescript photo Typescript

    TypeScript is a superset of JavaScript that compiles to clean JavaScript output.

  • TensorFlow photo TensorFlow

    An Open Source Machine Learning Framework for Everyone

  • Django photo Django

    The Web framework for perfectionists with deadlines.

  • D3 photo D3

    Bring data to life with SVG, Canvas and HTML. 📊📈🎉

Recommend Topics

  • javascript

    JavaScript (JS) is a lightweight interpreted programming language with first-class functions.

  • web

    Some thing interesting about web. New door for the world.

  • server

    A server is a program made to process requests and deliver data to clients.

  • Machine learning

    Machine learning is a way of modeling and interpreting data that allows a piece of software to respond intelligently.

  • Game

    Some thing interesting about game, make everyone happy.

Recommend Org

  • Facebook photo Facebook

    We are working to build community through open source technology. NB: members must have two-factor auth.

  • Microsoft photo Microsoft

    Open source projects and samples from Microsoft.

  • Google photo Google

    Google ❤️ Open Source for everyone.

  • D3 photo D3

    Data-Driven Documents codes.