Skip to content
GitLab
Switch branch/tag
Find file BlameHistoryPermalink
  • Ro Savage's avatar
    Add support for CSS Modules with explicit filename (#2285) · fc7c9915
    Ro Savage authored 
    * Add css modules with [name].modules.css file convention

* Add e2e for CSS Modules

* Updated based on feedback

* Change css modules class name to be deterministic and fix licences

* Update css modules class naming convention
    fc7c9915
webpack.test.js 2.34 KiB
1 
/**
2 
 * Copyright (c) 2015-present, Facebook, Inc.
3 
 *
4 
 * This source code is licensed under the MIT license found in the
5 
 * LICENSE file in the root directory of this source tree.
6 
 */
7
8 
import { expect } from 'chai';
9 
import initDOM from './initDOM';
10
11 
describe('Integration', () => {
12 
  describe('Webpack plugins', () => {
13 
    it('css inclusion', async () => {
14 
      const doc = await initDOM('css-inclusion');
15
16 
      expect(
17 
        doc.getElementsByTagName('style')[0].textContent.replace(/\s/g, '')
18 
      ).to.match(/html\{/);
19 
      expect(
20 
        doc.getElementsByTagName('style')[1].textContent.replace(/\s/g, '')
21 
      ).to.match(/#feature-css-inclusion\{background:.+;color:.+}/);
22 
    });
23
24 
    it('css modules inclusion', async () => {
25 
      const doc = await initDOM('css-modules-inclusion');
26
27 
      expect(
28 
        doc.getElementsByTagName('style')[0].textContent.replace(/\s/g, '')
29 
      ).to.match(
30 
        /.+__style-module___cssModulesInclusion+\{background:.+;color:.+}/
31 
      );
32 
    });
33
34 
    it('image inclusion', async () => {
35 
      const doc = await initDOM('image-inclusion');
36
37 
      expect(doc.getElementById('feature-image-inclusion').src).to.match(
38 
        /^data:image\/jpeg;base64.+==$/
39 
      );
40 
    });
41
42 
    it('no ext inclusion', async () => {
43 
      const doc = await initDOM('no-ext-inclusion');
44
45 
      expect(doc.getElementById('feature-no-ext-inclusion').href).to.match(
46 
        /\/static\/media\/aFileWithoutExt\.[a-f0-9]{8}\.bin$/
47 
      );
48 
    });
49
50 
    it('json inclusion', async () => {
51 
      const doc = await initDOM('json-inclusion');
52
53 
      expect(doc.getElementById('feature-json-inclusion').textContent).to.equal(
54 
        'This is an abstract.'
55 
      );
56 
    });
57
58 
    it('linked modules', async () => {
59 
      const doc = await initDOM('linked-modules');
60
61 
      expect(doc.getElementById('feature-linked-modules').textContent).to.equal(
62 
        '2.0.0'
63 
      );
64 
    });
65
66 
    it('svg inclusion', async () => {
67 
      const doc = await initDOM('svg-inclusion');
68
69 
      expect(doc.getElementById('feature-svg-inclusion').src).to.match(
70 
        /\/static\/media\/logo\..+\.svg$/
71727374757677787980818283
); }); it('unknown ext inclusion', async () => { const doc = await initDOM('unknown-ext-inclusion'); expect(doc.getElementById('feature-unknown-ext-inclusion').href).to.match( /\/static\/media\/aFileWithExt\.[a-f0-9]{8}\.unknown$/ ); }); }); });