@mgdis/mg-components 5.19.3 → 5.21.0

package/dist/collection/components/molecules/inputs/mg-input-numeric/test/mg-input-numeric.e2e.js

@@ -1,212 +0,0 @@
-import { createPage } from "../../../../../utils/stencil.e2e.test.utils";
-describe('mg-input-numeric', () => {
-  describe.each([
-    `<mg-input-numeric identifier="identifier" label="label"></mg-input-numeric>`,
-    `<mg-input-numeric identifier="identifier" label="label" label-on-top></mg-input-numeric>`,
-    `<mg-input-numeric identifier="identifier" label="label" label-hide></mg-input-numeric>`,
-    `<mg-input-numeric identifier="identifier" label="label" placeholder="placeholder" help-text="HelpText Message"></mg-input-numeric>`,
-    `<mg-input-numeric identifier="identifier" label="label" type="integer"></mg-input-numeric>`,
-  ])('without tooltip', html => {
-    test('render', async () => {
-      const page = await createPage(html);
-      const element = await page.find('mg-input-numeric');
-      const input = await page.find('mg-input-numeric >>> input');
-      // Hide caret for screenshots
-      await page.$eval('mg-input-numeric', elm => {
-        const input = elm.shadowRoot.querySelector('input');
-        input.style.caretColor = 'transparent';
-      });
-      expect(element).toHaveClass('hydrated');
-      const screenshot = await page.screenshot();
-      expect(screenshot).toMatchImageSnapshot();
-      await page.keyboard.down('Tab');
-      await page.waitForChanges();
-      const screenshotFocus = await page.screenshot();
-      expect(screenshotFocus).toMatchImageSnapshot();
-      await input.press('1');
-      await input.press('2');
-      await input.press('3');
-      await input.press('4');
-      await input.press('5');
-      await input.press(',');
-      await input.press('6');
-      await input.press('7');
-      await page.waitForChanges();
-      const screenshotType = await page.screenshot();
-      expect(screenshotType).toMatchImageSnapshot();
-    });
-  });
-  test.each([true, false])('render with tooltip, case label-on-top %s', async (labelOnTop) => {
-    const page = await createPage(`<mg-input-numeric identifier="identifier" label="label" tooltip="Tooltip message" label-on-top="${labelOnTop}"></mg-input-numeric>`);
-    const element = await page.find('mg-input-numeric');
-    expect(element).toHaveClass('hydrated');
-    const screenshot = await page.screenshot();
-    expect(screenshot).toMatchImageSnapshot();
-    await page.keyboard.down('Tab');
-    if (!labelOnTop) {
-      // Ensure to display tooltip
-      await page.setViewport({ width: 600, height: 65 });
-      // when label on top tooltip is on fist tab (next to label)
-      await page.keyboard.down('Tab');
-    }
-    await page.waitForChanges();
-    const screenshotTooltip = await page.screenshot();
-    expect(screenshotTooltip).toMatchImageSnapshot();
-  });
-  describe.each([
-    `<mg-input-numeric identifier="identifier" label="label" readonly></mg-input-numeric>`,
-    `<mg-input-numeric identifier="identifier" label="label" value="123,45"></mg-input-numeric>`,
-    `<mg-input-numeric identifier="identifier" label="label" value="123,45" readonly></mg-input-numeric>`,
-    `<mg-input-numeric identifier="identifier" label="label" disabled></mg-input-numeric>`,
-    `<mg-input-numeric identifier="identifier" label="label" value="123,45" disabled></mg-input-numeric>`,
-    `<mg-input-numeric identifier="identifier" label="label" value="123,45" lang="fr"></mg-input-numeric>`,
-    `<mg-input-numeric identifier="identifier" label="label" value="123,45" lang="fr" type="currency"></mg-input-numeric>`,
-    `<mg-input-numeric identifier="identifier" label="label" value="123,45" lang="fr" type="currency" currency="EUR"></mg-input-numeric>`,
-    `<mg-input-numeric identifier="identifier" label="label" value="123,45" readonly lang="fr"></mg-input-numeric>`,
-    `<mg-input-numeric identifier="identifier" label="label" value="123,45" readonly lang="fr" type="currency"></mg-input-numeric>`,
-    `<mg-input-numeric identifier="identifier" label="label" value="123,45" readonly lang="fr" type="currency" currency="EUR"></mg-input-numeric>`,
-    `<mg-input-numeric identifier="identifier" label="label" value="123,45" help-text='<mg-icon icon="user" size="small"></mg-icon> Welcome batman'></mg-input-numeric>`,
-    `<mg-input-numeric identifier="identifier" label="label" value="123,45" help-text="HelpText Message" required></mg-input-numeric>`,
-    `<mg-input-numeric identifier="identifier" label="label" value="123,45" help-text="HelpText Message" required readonly></mg-input-numeric>`,
-    `<mg-input-numeric identifier="identifier" label="label" value="123,45" help-text="HelpText Message" required disabled></mg-input-numeric>`,
-  ])('Should render with template', html => {
-    test('render', async () => {
-      const page = await createPage(html);
-      const element = await page.find('mg-input-numeric');
-      expect(element).toHaveClass('hydrated');
-      const screenshot = await page.screenshot();
-      expect(screenshot).toMatchImageSnapshot();
-    });
-  });
-  test('Should render currency symbol', async () => {
-    const page = await createPage(`<mg-input-numeric identifier="identifier" label="label" type="currency"></mg-input-numeric>`);
-    const element = await page.find('mg-input-numeric');
-    const input = await page.find('mg-input-numeric >>> input');
-    expect(element).toHaveClass('hydrated');
-    await page.keyboard.down('Tab');
-    await input.press('1');
-    await input.press('2');
-    await input.press('3');
-    await input.press('4');
-    await input.press('5');
-    await input.press(',');
-    await input.press('6');
-    await input.press('7');
-    await page.keyboard.down('Tab');
-    await page.waitForChanges();
-    const screenshot = await page.screenshot();
-    expect(screenshot).toMatchImageSnapshot();
-  });
-  describe.each([
-    `<mg-input-numeric identifier="identifier" label="label" required></mg-input-numeric>`,
-    `<mg-input-numeric identifier="identifier" label="label" required lang="fr"></mg-input-numeric>`,
-  ])('%s', html => {
-    test('Should render error when leaving an empty required input', async () => {
-      const page = await createPage(html);
-      const element = await page.find('mg-input-numeric');
-      expect(element).toHaveClass('hydrated');
-      await page.keyboard.down('Tab');
-      await page.keyboard.down('Tab');
-      await page.waitForChanges();
-      const screenshot = await page.screenshot();
-      expect(screenshot).toMatchImageSnapshot();
-    });
-  });
-  describe.each([
-    `<mg-input-numeric identifier="identifier" label="label" min="120"></mg-input-numeric>`,
-    `<mg-input-numeric identifier="identifier" label="label" max="100"></mg-input-numeric>`,
-    `<mg-input-numeric identifier="identifier" label="label" min="10" max="100"></mg-input-numeric>`,
-  ])('Should render error when value does not respect min max attributes', html => {
-    test('render', async () => {
-      const page = await createPage(html);
-      const element = await page.find('mg-input-numeric');
-      const input = await page.find('mg-input-numeric >>> input');
-      expect(element).toHaveClass('hydrated');
-      await page.keyboard.down('Tab');
-      await input.press('1');
-      await input.press('1');
-      await input.press('0');
-      await page.keyboard.down('Tab');
-      await page.waitForChanges();
-      const screenshot = await page.screenshot();
-      expect(screenshot).toMatchImageSnapshot();
-    });
-  });
-  test('Should not allow invalid characters', async () => {
-    const page = await createPage(`<mg-input-numeric identifier="identifier" label="label"></mg-input-numeric>`);
-    const element = await page.find('mg-input-numeric');
-    const input = await page.find('mg-input-numeric >>> input');
-    expect(element).toHaveClass('hydrated');
-    await page.keyboard.down('Tab');
-    await input.press('1');
-    await input.press('KeyB'); // Should not be included
-    await input.press('2');
-    await input.press('KeyL'); // Should not be included
-    await input.press('3');
-    await input.press('KeyU'); // Should not be included
-    await input.press('4');
-    await input.press('5');
-    await input.press('6');
-    await input.press('7');
-    await input.press('8');
-    await input.press('9');
-    await input.press('0');
-    await input.press('1');
-    await input.press('2');
-    await input.press('3');
-    await input.press('4'); // Should not be included
-    await input.press(',');
-    await input.press('.'); // Should not be included
-    await input.press('4');
-    await input.press('5');
-    await input.press('6'); // Should not be included
-    const value = await input.getProperty('value');
-    expect(value).toEqual('1234567890123,45');
-  });
-  describe.each([
-    '<mg-input-numeric identifier="identifier" label="long label long label long label long label long label long label long label long label long label long label long label" tooltip="tooltip message"></mg-input-numeric>',
-    '<mg-input-numeric identifier="identifier" label="long label long label long label long label long label long label long label long label long label long label long label" tooltip="tooltip message" label-on-top></mg-input-numeric>',
-  ])('inside a div.mg-form-group', html => {
-    test('render', async () => {
-      const page = await createPage(`<div class="mg-form-group">${html}</div>`);
-      const element = await page.find('mg-input-numeric');
-      expect(element).toHaveClass('hydrated');
-      const screenshot = await page.screenshot();
-      expect(screenshot).toMatchImageSnapshot();
-    });
-  });
-  describe.each([true, false])('using append-input slot, case readonly %s', readonly => {
-    test.each([
-      `<mg-button slot="append-input" label="search">
-        <mg-icon icon="calculator"></mg-icon> Calculate
-      </mg-button>`,
-      '<span slot="append-input">km</span>',
-    ])('render', async (slot) => {
-      const page = await createPage(`
-        <mg-input-numeric identifier="identifier" label="label" readonly="${readonly}" value="1">
-          ${slot}
-        </mg-input-numeric>
-      `);
-      const screenshot = await page.screenshot();
-      expect(screenshot).toMatchImageSnapshot();
-    });
-  });
-  describe.each(['full', 16, 4, 2])('with custom width: %s', width => {
-    test.each([false, true])('with label on top: %s', async (labelOnTop) => {
-      const page = await createPage(`<mg-input-numeric identifier="identifier" label="label" mg-width="${width}" label-on-top="${labelOnTop}"></mg-input-numeric>`);
-      const element = await page.find('mg-input-numeric');
-      expect(element).toHaveClass('hydrated');
-      const screenshot = await page.screenshot();
-      expect(screenshot).toMatchImageSnapshot();
-    });
-  });
-  test.each([false, true])('Ensure component fit in width 150px with label-on-top: %s', async (labelOnTop) => {
-    const page = await createPage(`<mg-input-numeric identifier="identifier" label="label" label-on-top="${labelOnTop}"></mg-input-numeric>`);
-    const element = await page.find('mg-input-numeric');
-    expect(element).toHaveClass('hydrated');
-    await page.setViewport({ width: 150, height: 100 });
-    const screenshot = await page.screenshot();
-    expect(screenshot).toMatchImageSnapshot();
-  });
-});
-//# sourceMappingURL=mg-input-numeric.e2e.js.map

package/dist/collection/components/molecules/inputs/mg-input-numeric/test/mg-input-numeric.e2e.js.map

@@ -1 +0,0 @@
-{"version":3,"file":"mg-input-numeric.e2e.js","sourceRoot":"","sources":["../../../../../../src/components/molecules/inputs/mg-input-numeric/test/mg-input-numeric.e2e.ts"],"names":[],"mappings":"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","sourcesContent":["import { createPage } from '../../../../../utils/stencil.e2e.test.utils';\n\ndescribe('mg-input-numeric', () => {\n  describe.each([\n    `<mg-input-numeric identifier=\"identifier\" label=\"label\"></mg-input-numeric>`,\n    `<mg-input-numeric identifier=\"identifier\" label=\"label\" label-on-top></mg-input-numeric>`,\n    `<mg-input-numeric identifier=\"identifier\" label=\"label\" label-hide></mg-input-numeric>`,\n    `<mg-input-numeric identifier=\"identifier\" label=\"label\" placeholder=\"placeholder\" help-text=\"HelpText Message\"></mg-input-numeric>`,\n    `<mg-input-numeric identifier=\"identifier\" label=\"label\" type=\"integer\"></mg-input-numeric>`,\n  ])('without tooltip', html => {\n    test('render', async () => {\n      const page = await createPage(html);\n\n      const element = await page.find('mg-input-numeric');\n      const input = await page.find('mg-input-numeric >>> input');\n\n      // Hide caret for screenshots\n      await page.$eval('mg-input-numeric', elm => {\n        const input = elm.shadowRoot.querySelector('input');\n        input.style.caretColor = 'transparent';\n      });\n\n      expect(element).toHaveClass('hydrated');\n\n      const screenshot = await page.screenshot();\n      expect(screenshot).toMatchImageSnapshot();\n\n      await page.keyboard.down('Tab');\n\n      await page.waitForChanges();\n\n      const screenshotFocus = await page.screenshot();\n      expect(screenshotFocus).toMatchImageSnapshot();\n\n      await input.press('1');\n      await input.press('2');\n      await input.press('3');\n      await input.press('4');\n      await input.press('5');\n      await input.press(',');\n      await input.press('6');\n      await input.press('7');\n\n      await page.waitForChanges();\n\n      const screenshotType = await page.screenshot();\n      expect(screenshotType).toMatchImageSnapshot();\n    });\n  });\n\n  test.each([true, false])('render with tooltip, case label-on-top %s', async labelOnTop => {\n    const page = await createPage(`<mg-input-numeric identifier=\"identifier\" label=\"label\" tooltip=\"Tooltip message\" label-on-top=\"${labelOnTop}\"></mg-input-numeric>`);\n\n    const element = await page.find('mg-input-numeric');\n\n    expect(element).toHaveClass('hydrated');\n\n    const screenshot = await page.screenshot();\n    expect(screenshot).toMatchImageSnapshot();\n\n    await page.keyboard.down('Tab');\n\n    if (!labelOnTop) {\n      // Ensure to display tooltip\n      await page.setViewport({ width: 600, height: 65 });\n      // when label on top tooltip is on fist tab (next to label)\n      await page.keyboard.down('Tab');\n    }\n\n    await page.waitForChanges();\n\n    const screenshotTooltip = await page.screenshot();\n    expect(screenshotTooltip).toMatchImageSnapshot();\n  });\n\n  describe.each([\n    `<mg-input-numeric identifier=\"identifier\" label=\"label\" readonly></mg-input-numeric>`,\n    `<mg-input-numeric identifier=\"identifier\" label=\"label\" value=\"123,45\"></mg-input-numeric>`,\n    `<mg-input-numeric identifier=\"identifier\" label=\"label\" value=\"123,45\" readonly></mg-input-numeric>`,\n    `<mg-input-numeric identifier=\"identifier\" label=\"label\" disabled></mg-input-numeric>`,\n    `<mg-input-numeric identifier=\"identifier\" label=\"label\" value=\"123,45\" disabled></mg-input-numeric>`,\n    `<mg-input-numeric identifier=\"identifier\" label=\"label\" value=\"123,45\" lang=\"fr\"></mg-input-numeric>`,\n    `<mg-input-numeric identifier=\"identifier\" label=\"label\" value=\"123,45\" lang=\"fr\" type=\"currency\"></mg-input-numeric>`,\n    `<mg-input-numeric identifier=\"identifier\" label=\"label\" value=\"123,45\" lang=\"fr\" type=\"currency\" currency=\"EUR\"></mg-input-numeric>`,\n    `<mg-input-numeric identifier=\"identifier\" label=\"label\" value=\"123,45\" readonly lang=\"fr\"></mg-input-numeric>`,\n    `<mg-input-numeric identifier=\"identifier\" label=\"label\" value=\"123,45\" readonly lang=\"fr\" type=\"currency\"></mg-input-numeric>`,\n    `<mg-input-numeric identifier=\"identifier\" label=\"label\" value=\"123,45\" readonly lang=\"fr\" type=\"currency\" currency=\"EUR\"></mg-input-numeric>`,\n    `<mg-input-numeric identifier=\"identifier\" label=\"label\" value=\"123,45\" help-text='<mg-icon icon=\"user\" size=\"small\"></mg-icon> Welcome batman'></mg-input-numeric>`,\n    `<mg-input-numeric identifier=\"identifier\" label=\"label\" value=\"123,45\" help-text=\"HelpText Message\" required></mg-input-numeric>`,\n    `<mg-input-numeric identifier=\"identifier\" label=\"label\" value=\"123,45\" help-text=\"HelpText Message\" required readonly></mg-input-numeric>`,\n    `<mg-input-numeric identifier=\"identifier\" label=\"label\" value=\"123,45\" help-text=\"HelpText Message\" required disabled></mg-input-numeric>`,\n  ])('Should render with template', html => {\n    test('render', async () => {\n      const page = await createPage(html);\n\n      const element = await page.find('mg-input-numeric');\n\n      expect(element).toHaveClass('hydrated');\n\n      const screenshot = await page.screenshot();\n      expect(screenshot).toMatchImageSnapshot();\n    });\n  });\n\n  test('Should render currency symbol', async () => {\n    const page = await createPage(`<mg-input-numeric identifier=\"identifier\" label=\"label\" type=\"currency\"></mg-input-numeric>`);\n\n    const element = await page.find('mg-input-numeric');\n    const input = await page.find('mg-input-numeric >>> input');\n\n    expect(element).toHaveClass('hydrated');\n\n    await page.keyboard.down('Tab');\n\n    await input.press('1');\n    await input.press('2');\n    await input.press('3');\n    await input.press('4');\n    await input.press('5');\n    await input.press(',');\n    await input.press('6');\n    await input.press('7');\n\n    await page.keyboard.down('Tab');\n\n    await page.waitForChanges();\n\n    const screenshot = await page.screenshot();\n    expect(screenshot).toMatchImageSnapshot();\n  });\n\n  describe.each([\n    `<mg-input-numeric identifier=\"identifier\" label=\"label\" required></mg-input-numeric>`,\n    `<mg-input-numeric identifier=\"identifier\" label=\"label\" required lang=\"fr\"></mg-input-numeric>`,\n  ])('%s', html => {\n    test('Should render error when leaving an empty required input', async () => {\n      const page = await createPage(html);\n\n      const element = await page.find('mg-input-numeric');\n\n      expect(element).toHaveClass('hydrated');\n\n      await page.keyboard.down('Tab');\n      await page.keyboard.down('Tab');\n\n      await page.waitForChanges();\n\n      const screenshot = await page.screenshot();\n      expect(screenshot).toMatchImageSnapshot();\n    });\n  });\n\n  describe.each([\n    `<mg-input-numeric identifier=\"identifier\" label=\"label\" min=\"120\"></mg-input-numeric>`,\n    `<mg-input-numeric identifier=\"identifier\" label=\"label\" max=\"100\"></mg-input-numeric>`,\n    `<mg-input-numeric identifier=\"identifier\" label=\"label\" min=\"10\" max=\"100\"></mg-input-numeric>`,\n  ])('Should render error when value does not respect min max attributes', html => {\n    test('render', async () => {\n      const page = await createPage(html);\n\n      const element = await page.find('mg-input-numeric');\n      const input = await page.find('mg-input-numeric >>> input');\n\n      expect(element).toHaveClass('hydrated');\n\n      await page.keyboard.down('Tab');\n\n      await input.press('1');\n      await input.press('1');\n      await input.press('0');\n\n      await page.keyboard.down('Tab');\n\n      await page.waitForChanges();\n\n      const screenshot = await page.screenshot();\n      expect(screenshot).toMatchImageSnapshot();\n    });\n  });\n\n  test('Should not allow invalid characters', async () => {\n    const page = await createPage(`<mg-input-numeric identifier=\"identifier\" label=\"label\"></mg-input-numeric>`);\n\n    const element = await page.find('mg-input-numeric');\n    const input = await page.find('mg-input-numeric >>> input');\n\n    expect(element).toHaveClass('hydrated');\n\n    await page.keyboard.down('Tab');\n\n    await input.press('1');\n    await input.press('KeyB'); // Should not be included\n    await input.press('2');\n    await input.press('KeyL'); // Should not be included\n    await input.press('3');\n    await input.press('KeyU'); // Should not be included\n    await input.press('4');\n    await input.press('5');\n    await input.press('6');\n    await input.press('7');\n    await input.press('8');\n    await input.press('9');\n    await input.press('0');\n    await input.press('1');\n    await input.press('2');\n    await input.press('3');\n    await input.press('4'); // Should not be included\n    await input.press(',');\n    await input.press('.'); // Should not be included\n    await input.press('4');\n    await input.press('5');\n    await input.press('6'); // Should not be included\n\n    const value = await input.getProperty('value');\n    expect(value).toEqual('1234567890123,45');\n  });\n\n  describe.each([\n    '<mg-input-numeric identifier=\"identifier\" label=\"long label long label long label long label long label long label long label long label long label long label long label\" tooltip=\"tooltip message\"></mg-input-numeric>',\n    '<mg-input-numeric identifier=\"identifier\" label=\"long label long label long label long label long label long label long label long label long label long label long label\" tooltip=\"tooltip message\" label-on-top></mg-input-numeric>',\n  ])('inside a div.mg-form-group', html => {\n    test('render', async () => {\n      const page = await createPage(`<div class=\"mg-form-group\">${html}</div>`);\n\n      const element = await page.find('mg-input-numeric');\n\n      expect(element).toHaveClass('hydrated');\n\n      const screenshot = await page.screenshot();\n      expect(screenshot).toMatchImageSnapshot();\n    });\n  });\n\n  describe.each([true, false])('using append-input slot, case readonly %s', readonly => {\n    test.each([\n      `<mg-button slot=\"append-input\" label=\"search\">\n        <mg-icon icon=\"calculator\"></mg-icon> Calculate\n      </mg-button>`,\n      '<span slot=\"append-input\">km</span>',\n    ])('render', async slot => {\n      const page = await createPage(`\n        <mg-input-numeric identifier=\"identifier\" label=\"label\" readonly=\"${readonly}\" value=\"1\">\n          ${slot}\n        </mg-input-numeric>\n      `);\n\n      const screenshot = await page.screenshot();\n      expect(screenshot).toMatchImageSnapshot();\n    });\n  });\n\n  describe.each(['full', 16, 4, 2])('with custom width: %s', width => {\n    test.each([false, true])('with label on top: %s', async labelOnTop => {\n      const page = await createPage(`<mg-input-numeric identifier=\"identifier\" label=\"label\" mg-width=\"${width}\" label-on-top=\"${labelOnTop}\"></mg-input-numeric>`);\n\n      const element = await page.find('mg-input-numeric');\n\n      expect(element).toHaveClass('hydrated');\n\n      const screenshot = await page.screenshot();\n      expect(screenshot).toMatchImageSnapshot();\n    });\n  });\n\n  test.each([false, true])('Ensure component fit in width 150px with label-on-top: %s', async labelOnTop => {\n    const page = await createPage(`<mg-input-numeric identifier=\"identifier\" label=\"label\" label-on-top=\"${labelOnTop}\"></mg-input-numeric>`);\n\n    const element = await page.find('mg-input-numeric');\n\n    expect(element).toHaveClass('hydrated');\n\n    await page.setViewport({ width: 150, height: 100 });\n\n    const screenshot = await page.screenshot();\n    expect(screenshot).toMatchImageSnapshot();\n  });\n});\n"]}